css problem (designe ohne tabellen)

[BadFish]

Moin,
es wird ja immer wieder gepredigt, dass man Tabellen nicht zum designen benutzen soll.
Tja, ich habs mal probiert und hab ne testseite erstellt, bei der ich hauptsächlich divs benutze.
Nur irgendwie bekomm ich es nicht hin, dass der Hintergrund über die ganze höhe angezeigt wird.

css vom "hintergrunds"-div

.main {
position:relative; //absolute = das gleiche
height:100%;
background-repeat:repeat-y;
...
}

position:fixed hab ich auch probiert, nur kann ich dann nicht mehr scrollen...

achja, das problem mit der höhe der hintergrundbildes hab ich nur beim firefox.
Der InternetExplorer zeigt das hintergrundbild zwar richtig an... allerdings alles andere falsch, deswegen hab ichs aufgegeben die seite noch fürn IE anzupassen.... später vielleicht mal

Testseite (habs auch etwas kommentiert):
http://home.arcor.de/msstec/hp/test.html
CSS (vielleicht nen bisschen überladen ):
http://home.arcor.de/msstec/hp/format.css

 

[soulsaver]

Moin,
es wird ja immer wieder gepredigt, dass man Tabellen nicht zum designen benutzen soll.

hmm joa aber ich scheiss drauf, mit tabellen hab ich bisher mehr erfolg gehabt

 

[BadFish]

lol....
ich hab "height:100%;" weggenommen und dann gings

eigentlich ist das designen ohne tabellen gar nicht so übel. Es nervt nur, dass anscheinend jeder Browser alles unterschiedlich interpretiert...
Mit normalen Tabellen ist es ja kein großes Problem ne site überall gleich aussehen zu lassen.

Zeigt aber auch wie rückständig der InternetExplorer doch ist
Naja, so sachen wie unterschiedliche positionierung werde ich wohl über ne browsererkennung durch PHP dynamisch regeln können, allerdings hab ich noch keine möglichkeit gefunden so eine dynamische navi mit css fürn IE hinzubekommen.

Sowas hab ich sonst immer mit javascript gemacht, schade das es mit css nur beim firefox funktioniert, dabei ist das wesendlich einfacher und schneller angepasst als javascript

edit:
wies aussieht geht das nur in modernen browser mit gecko kern.
für IE muss man dann mit:

<!--[if IE]><script type="text/javascript">
....
</script><![endif]-->

lösen.
traurig

 

[marky68]

hmm joa aber ich scheiss drauf, mit tabellen hab ich bisher mehr erfolg gehabt

gibts von dir auch noch qualifiziertere kommentare?

@badfish: ich benutz' immer ein div#middle, das ueber die ganze seite geht (aber mit padding begrenzt wird) und dann div#left und div#right die mit float:left; bzw. right richtig positioniert werden. siehe hier: http://fgli.fg.funpic.de/ycms/tpl/standard/css/index.css