nicht angemeldet
Floats und relative Positionierung -> Zu viel Platz übrig
Hallo :).
Ich habe ein relativ Positioniertes div mit folgenden Eigenschaften:
#img {
float: left;
right: 200px;
background-color: #DCEDF7;
border-right: 2px solid #032A85;
border-bottom: 2px solid #032A85;
height: 105px;
}
Leider werden trotz der 200px die es nach links verschoben wird eben diese 200px beim umfloaten frei gelassen.
Kann ich dieses Verhalten korrigieren, und diese 200px sozusagen wieder zur Benutzung freigeben?
Danke,
Layna
-
Hi Layna,
Leider werden trotz der 200px die es nach links verschoben wird eben diese 200px beim umfloaten frei gelassen.
Kann ich dieses Verhalten korrigieren, und diese 200px sozusagen wieder zur Benutzung freigeben?Ist dieses Div ein folge Div bzw steht noch ein Float-Element davor?
Dann könnte der freie Platz vom Vorgänger-Div her rühren.Viele Grüsse
gary
-
Hi Layna,
Ist dieses Div ein folge Div bzw steht noch ein Float-Element davor?
Dann könnte der freie Platz vom Vorgänger-Div her rühren.Viele Grüsse
gary
Das betreffende HTML-Gerüst sieht so aus:
<div id="content_box" class="clearfix">
<div id="nav"><ul>
<li><a href="#">Link 1??</a></li>
<li><a href="#">Link 2</a></li>
.....
</ul>
</div>
<div id="main">
<div id="bild">
<img src="Schulz.jpg" alt="Glasrei Schulz" height="100" width="250" id="name" />
<img src="logo.jpg" alt="" height="102" width="85" id="LOGO" />
</div>
<h1>Überschrift der Seite</h1>
<p> ...blindtext...
</p>
</div>
</div>#main floatet ebenfalls.
Die Idee dahinter: #bild (ehemals img... der validator verschluckte sich an dem Namen) soll sowohl #nav "überspannen" und in den #main hineinfliessen. Der Text in #main soll dann eben das "normale" Float-Verhalten um das div zeigen:
Oder greife ich das Problem grundlegend Falsch an?-
Hi Layna,
Ahhh, jetzt wird deutlich was du beabsichtigst :-)
Gut, die #nav (das rotbraune) kann man ja fix einbauen und mit Layer 1 versehen (z-index:1;). Das Bild mit layer 2 versehen (z-index:2;), dann wäre es schon mal über der Navi. Ich weiss nicht genau, ob das geht, wenn du #main per layer ebenfalls eine 2 zuweist (z-index:2;). Dann wären die beiden DIV (#bild u. #main) auf einer Ebene, und müssten sich so eigentlich umfliessen.
Viele Grüsse
gary
-
-
-
Hi,
Leider werden trotz der 200px die es nach links verschoben wird eben diese 200px beim umfloaten frei gelassen.
Natuerlich, muss ja auch - so ist relative Positionierung definiert: Verschiebe das Element von seinem urspruenglichen Platz, und belasse diesen dabei reserviert.
Kann ich dieses Verhalten korrigieren, und diese 200px sozusagen wieder zur Benutzung freigeben?
Nutze keine relative Positionierung, sondern margin (ggf. auch mit einem negativen Wert).
MfG ChrisB