Problem mit CSS

[Bassman]

ich hab hier mal bei meinem neuen Project das Design in HTML bzw. CSS geschrieben. Nur leider ein Paar Probleme.

http://www.pagestylist.de/das-pferd24/index.html

Code in der CSS-Datei

Code: Alles auswählen

/* CSS Document */
body{
   background-color:#F3F3F3;
   color:#065802;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
}
#head{
   height:84px;
   width:850px;
   background-image:url(design/design_head.gif);
}
#menue_top{
   height:28px;
   width:850px;
   background-image:url(design/design_menue.gif);
   background-repeat:no-repeat;   
}
#status{
   border:2px solid #065802;
   height:16px;
   width:846px;
   background-color:#D1D1D1;
}
#mainframe{
    border-left:2px solid #065802;
    border-right:2px solid #065802;
    border-bottom:2px solid #065802;
    width:846px;
    clear:right;
}
#menue_left, #menue_right{
   width:145px;
   background-color:#E5E5E5;
}
#menue_left{
   float:left;
}
#menue_right{
   float:right;
}
#content{
   border-left:2px solid #ACACAC;
   border-right:2px solid #ACACAC;
   float:left;
   width:552px;
}
#foot{
   height:14px;
   width:850px;
   background-image:url(design/design_foot.gif);
   background-repeat:no-repeat;
   clear:left;
}

Also ich habs mal im IE 6.0 angeschaut da sieht das fast gut aus. bis auf den Menü-Hintergrund ich hätte den ganz gern bis nach unten.
Na ja im Firefox 1.5 und NC 7.1 siehts voll komisch aus der grüne Rand ist da oben und an den Seiten ist gar keiner. Brauch eure Hilfe. *ggg*

1. Wie mach ich den Rand bis nach unten?
2. Wie bekomm ich die divboxen auch bis nach unten?

Etwa mit einer Tabelle???

Danke schon mal im vorraus.

MfG
Chris

[Manuel]

Hi du!

Ich bekomme leider einen 404 Error wenn ich den Link anklicke. Überprüf den Link also bitte noch mal.

Was ich dir aber direkt sagen kann: Falls du 2 div-Layer, die nebeneinander liegen immer gleich hoch haben willst, wirst du auf eine Tabelle ausweichen müssen. Es ist mit CSS machbar, aber meiner Meinung nach ist dies so extrem aufwändig, dass ich lieber eine Tabelle verwenden würde, da der Sinn von CSS und div-Layern ja gerade in der Vereinfachung des Quellcodes liegen soll. Falls jemand für dieses Problem eine sehr einfache Lösung kennt wäre ich dankbar, alternativ arbeite ich aber auch da, ausnahmsweise, mal mit Tabellen.

Lg,
Manuel

[C4D_Joe]

Der Link stimmt: http://www.pagestylist.de/das-pferd24/index.html

@Manuel: Da würde ich statt Tabellen eher das Faux Columns-Konzept empfehlen.

[Bassman]

hab den link oben geändert *hehe* shice tippfehler

[Manuel]

Okay, das kannte ich noch nicht. Danke für den Link. Eine wirkliche Lösung ist es meiner Meinung aber nach nicht. Dann verwende ich doch lieber eine Tabelle, als dass ich mit Grafiken versuche, Hintergründe richtig zu positionieren und darzustellen. Aber ich denke in einer der nächsten Versionen wird es in CSS auch dort eine einfache Lösung geben...hoffen wir es.

Lg,
Manuel

[SilentStormer]

Klar, aber bis dies dann wieder alle Browser richtig darstellen können ..... :evil:

[C4D_Joe]

@Manuel: Hm, als eine „gute Zwischendurchlösung“ kann ich es durchaus akzeptieren. Mache mittlerweile auch einige Seiten damit - wenn man das ein-, zweimal gemacht hat geht das auch besser als mit Tabellen.
Ich wäre bin mir allerdings nicht sicher ob mit CSS3 tatsächlich eine bessere Lösung angeboten wird! Bis jetzt habe ich noch nichts davon gehört, dabei ist ja mitterweile schon vieles nach außen gedrungen

[klobrille]

Okay, das kannte ich noch nicht. Danke für den Link. Eine wirkliche Lösung ist es meiner Meinung aber nach nicht. Dann verwende ich doch lieber eine Tabelle, als dass ich mit Grafiken versuche, Hintergründe richtig zu positionieren und darzustellen. Aber ich denke in einer der nächsten Versionen wird es in CSS auch dort eine einfache Lösung geben...hoffen wir es.

Lg,
Manuel

Wo ist das Problem, ein Lay-Out basierend auf div-Layer-backgrounds zu erstellen?

Marcel