title image


Smiley Zum Teufel mit CSS-Bugs... suche Empfehlung
Zum Teufel mit CSS-Bugs... suche Empfehlung





Ich hab gedacht IE6 hat keinen Box-Model-Bug mehr... Pustekuchen...





------------------------------------------------------------------------------




"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">











body {

margin-top:30px;

margin-bottom:30px;

text-align:center;

}





#page {

background-color:#FCC;

width:700px;

height:100px;

margin-left:auto;

margin-right:auto;

font-family:Verdana;

font-size:14px;

}



#content {

background-color:#CCF;

width:700px;

padding-left:30px;

padding-right:30px;

background-image:url(images/style_content.png);

background-repeat:repeat-y;

}















text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text











------------------------------------------------------------------------------





in IE gibt es einen Fehler - die Breite ist Falsch...

wird nun die 1. Zeile gelöscht oder Code in HTML4.01 umgewandelt, dann zeigt es alles normal an... Verdammt - soll man nun keinen XHTML code schreiben?



Jetzt suche ich eine allgemeine Lösung auch für ältere Browser (IE5)



Ich möchte eine bestimmte Seitenbreite zentriert darstellen... Die Seite sollte 700px Breit sein.

Oben ein Logo, dann Menü, dann Inhalt und Fußzeile haben...





------------------------------------------------------------------------------































------------------------------------------------------------------------------





Das gibt aber ein Problem - da der Text in "content" padding-left/right von 30 px haben muß (und content hat ein Hintergrundbild). Somit habe ich dann den IE-Box-Model-Bug wieder am Hals...

Um das Problem zu lösen habe ich nun das vor:





------------------------------------------------------------------------------











mit diesem CSS-Code:



#content {

width:700px;

background-image:url(images/style_content.png);

background-repeat:repeat-y;

}



#contentx {

padding-left:30px;

padding-right:30px;

}

------------------------------------------------------------------------------





Das wäre natürlich ein unnötig verdreckter Code... Aber es scheint zu gehen - und zwar auch mit verbugten Browsern... Alternativ müßte ich einen IE-Switch einbauen...





Meine Lösung für das Problem wäre das:



-XHTML ohne die erste Zeile oben

-normalen Standard-Code schreiben

-IE-Switch für 5er-Browser einbauen (wo ich dann falsche Breite angebe)



wäre auch das auch euere Empfehlung oder doch besser:



-doppelt verschachtelte DIV (content)



Beides gefällt mir nicht so...

geschrieben von

Login

E-Mail:
  

Passwort:
  

Beitrag anfügen

Symbol:
 
 
 
 
 
 
 
 
 
 
 
 
 

Überschrift: