Hallo,
ich muss schon wieder nerven!
In meinem Beispiel ist ein Pano rechts mit Float right und ein blaues Div mit Float left. Unten ist eine Tabelle mit fünf Bildern. Wenn ich das Fenster stauche springt mir das Bild in die nächste Zeile und es entsteht ein weisser Rand rechts, da die Tabelle unten im Weg steht und das Panno weiter nach links wandert. Wie kann ich das ganze dynamisch lösen. Hätte gern den blauen Balken variabel und das zusammenschieben sollte nur soweit möglich sei bis der Rand vom Browserfenster an der Tabelle unten ansteht.
-----------------------------------------------------------
Link zum Beispiel
http://www.fewobesler.de/Kugelbild/flash/vorlage.html
-----------------------------------------------------------
CSS Datei
@charset "utf-8";
/* CSS Document */
* {
margin: 0px;
padding: 0px;
}
body {
color:#00FFCC;
background:#FFFFCC;
font:13px verdana, sans-serif;
margin:0px;
padding:0px;
}
#aussen {
background:#ffffe6;
height:100%;
margin:0 10% 0 10%;
}
#head {
background:#fcda89;
color:black;
margin:0;
padding0px 0 0 0;
}
#head p {
color:#FFFFFF;
background:#cb4526;
padding:3px 20px 3px 0;
margin:0;
text-align:right;
border-top:1px solid black;
font-weight:normal;
}
#left-text {
float: left;
margin:0px;
padding:0px 0 0px 5px;
background-color: Blue;
}
#rigth-text {
float:right;
padding:0px 0 0px 5px;
}
h1 {
font:1.2em Arial, Helvetica, sans-serif;
margin:0px;
}
.pano{
border-top:10px black solid;
border-bottom:10px black solid;
width:400px;
height:250px;
}
p {
font:1em Arial, Helvetica, sans-serif;
margin:0px;
}
#foot{
height: 30px;
width: 100%;
padding:0;
clear: both;
border-top: 1px solid #CB4526;
border-bottom: 1px solid #CB4526;
margin: auto;
}
table {
height: 100px;
}
.auswahl {
background-color: Aqua;
}
Bin halt in CSS noch anfänger und bin um jeden Tipp dankbar.
mfg
Stefan