XaraX: dynamische elementbreite / "Linie vom Content zum Rand"

Beitrag lesen

SELF-Forum

dynamische elementbreite / "Linie vom Content zum Rand"

XaraX Homepage des Autors
– Informationen zu den Bewertungsregeln

Hallo,

so würde ich es lösen:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>test</title>
<style type="text/css">
html,body           {margin:0;padding:0;height:100%;width:100%;background:#aaacae;min-width:500px}

#head1,#cont,#head2 {width:500px;background:#fff;height:80px}
#head2              {background:#eee}
#cont               {height:300px}

#string2            {padding:10px 0 0 50%}
#string2 div        {border-bottom:2px dotted #fff;height:80px;margin-bottom:-2px}

#string1            {width:50%;min-width:250px;height:100%;float:left;margin-right:-250px}

#contentBereich     {width:500px;margin:auto;padding-top:10px;float:left}
</style>
</head>
<body>
 <div id="string1">&nbsp;</div>
 <div id="contentBereich">
  <div id="head1">Head 1</div>
  <div id="head2">Head 2</div>
  <div id="cont">
   Cont
  </div>
 </div>
 <div id="string2">
  <div>&nbsp</div>
  <div>&nbsp;</div>
 </div>
</body>
</html>

Da Begrenzungslinien nicht senkrecht aus dem Bild ragen können, muss zumindest das mittlere Element auch die vormalige dritte Spalte enthalten. Die sich daraus Schwierigkeiten mit dem Hintergrrund kannst du durch das Positionieren eienr Hinterundgrafik weitgehend lösen.

Damit entfällt dies, auch wenn ich mir bewurst bin, daß es eine Float-Krücke ist. Zumindest Mozilla, Opera und IE zeigen zur Vorgabe konkruente Ergebnisse.

Gruß aus Berlin!
eddi

--
at, wie er leibt und lebt auf ein Posting
> > Nein, ich denke nicht.
gepromptet
> Das empfiehlt sich aber.
:))))
Beitrag melden
–
Informationen zu den Bewertungsregeln