vst: tableless Design

Beitrag lesen

SELF-Forum

tableless Design

vst
– Informationen zu den Bewertungsregeln

Hallo zusammen,

mein erster Eintrag hui ... sorry das musste sein;

Also dann - ich versuche gerade meine Seite ohne Tabellen zu gestalten was sich allerdings als nicht so einfach heraus stellt.

<grundsätzliches>

  
 <?xml version="1.0" encoding="utf-8"?>  
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
 <html xmlns="http://www.w3.org/1999/xhtml">

</grundsätzliches>

<html>

  
 <!-- linke obere ecke -->  
 <div id="left_top"></div>  
  
 <!-- in der breite variable leiste oben -->  
 <div id="top"></div>  
  
 <!-- rechte obere ecke -->  
 <div id="right_top"></div>

</html>

<stylesheet>

  
#left_top {  
 width: 150px !important;  
 height: 165px;  
 float: left;  
 background: url('../images/lefttop.png');  
}  
  
#top {  
 height: 165px;  
 width: Hier ist das Problem;  
 background: url('../images/top.png');  
 float: left;  
}  
  
#right_top {  
 width: 200px !important;  
 height: 165px;  
 background: url('../images/righttop.png');  
 float: right;  
}

</stylesheet>

Wie kann ich es erreichen, dass das mittlere div die maximal Mögliche Breite einnimmt.
Wenn ich hier 100% eintrage, geht es natürlich über den ganzen BODY und verursacht einen Zeilen Umbruch, den ich aber nicht haben möchte.

so denn - wäre nett wenn jemand antwortet.

Gruß
Valentin

Beitrag melden
–
Informationen zu den Bewertungsregeln