Scroll-Leiste erzwingen:

Cross Browser konform - w3c valide

Mac, Linux + PC

Variante 1:

Stylesheet in den head - Bereich einfügen:

<style media="screen" type="text/css">
html,
body {
margin:0;
padding:0;
height:100%;
}
#container {
min-height:100%;
position:relative;
}
#header {
background:#ff0;
padding:10px;
}
#body {
padding:10px;
padding-bottom:60px; /* footer */
}
#footer {
position:absolute;
bottom:0;
width:100%;
height:60px; /* footer */
background:#6cf;
}
/* other non-essential CSS */
#header p,
#header h1 {
margin:0;
padding:10px 0 0 10px;
}
#footer p {
margin:0;
padding:10px;
}
</style>
<!--[if lt IE 7]>
<style media="screen" type="text/css">
#container {
height:100%;
}
</style>
<![endif]-->

Variante 2:

index.php vor dem schließenden body - Tag ergänzen:

<div id="gecko_scrollbar">&nbsp;</div>

CSS mit folgendem Code ergänzen:

#gecko_scrollbar {
display: none;
}

html>body #gecko_scrollbar {
position: absolute;
z-index: 1;
bottom: -1px;
left: 0;
width: 1px;
height: 1px;
display: block;
font-size: 0;
}

 

Variante 3 - nicht w3c valide:

CSS im Kopfbereich ergänzen:

html { overflow-y: scroll; }

 

Ein flexibles Layout in ein Layout mit fester Breite umwandeln

Das flexible Layout mit einem div umschließen und eine id zuweisen,

im Beispiel "fixed" :

<div id="fixed">/**--existierendes Layout hier--**/</div>

CSS mit folgendem Code ergänzen:

body {
text-align:center;
}
#fixed {
margin:0 auto;
width:90%; /* möglich sind px, em oderr % */
text-align:left;
}

 

iframe - Ersatz

Ein iframe - Ersatz mit einer horizontalen Scroll-Leiste lässt sich leicht mit cellpading und einem div mit dem style overflow: auto realisieren.

 

Code für das Beispiel:

<table style="width: 50%;" cellpadding="5" cellspacing="0">
<tbody>
<tr>
<td>
<div style="overflow: auto; width: 100%; height: 320px; padding-right: 30px; padding-left: 30px;">
<p style="background-color: #FF0000">
Titel</p>
Lorem ipsum BEISPIELTEXT</div>
</td>
</tr>
</tbody>
</table>

 

Titel

Lorem ipsum dolor sit amet, dona abstulit meis dolor virgo decubuit rimas in deinde vero quo. Perihermeneias Apollonium illis ad nomine Piscatore mihi servitute meam celaveritis! Ergo accipiet domine de me in lucem, istis in rei finibus veteres hoc contra me. Scio puella est se sed dominum vidit loco in lucem exitum vivit in. Dona abstulit meis caligine tempestas sabano praeclusoque sponte profundo Solodorum ait in fuerat se est amet constanter determinatio debitis torporis quin.
Lorem ipsum dolor sit amet, dona abstulit meis dolor virgo decubuit rimas in deinde vero quo. Perihermeneias Apollonium illis ad nomine Piscatore mihi servitute meam celaveritis! Ergo accipiet domine de me in lucem, istis in rei finibus veteres hoc contra me. Scio puella est se sed dominum vidit loco in lucem exitum vivit in. Dona abstulit meis caligine tempestas sabano praeclusoque sponte profundo Solodorum ait in fuerat se est amet constanter determinatio debitis torporis quin.
Lorem ipsum dolor sit amet, dona abstulit meis dolor virgo decubuit rimas in deinde vero quo. Perihermeneias Apollonium illis ad nomine Piscatore mihi servitute meam celaveritis! Ergo accipiet domine de me in lucem, istis in rei finibus veteres hoc contra me. Scio puella est se sed dominum vidit loco in lucem exitum vivit in. Dona abstulit meis caligine tempestas sabano praeclusoque sponte profundo Solodorum ait in fuerat se est amet constanter determinatio debitis torporis quin.
Lorem ipsum dolor sit amet, dona abstulit meis dolor virgo decubuit rimas in deinde vero quo. Perihermeneias Apollonium illis ad nomine Piscatore mihi servitute meam celaveritis! Ergo accipiet domine de me in lucem, istis in rei finibus veteres hoc contra me. Scio puella est se sed dominum vidit loco in lucem exitum vivit in. Dona abstulit meis caligine tempestas sabano praeclusoque sponte profundo Solodorum ait in fuerat se est amet constanter determinatio debitis torporis quin.