|
|||
3 Spaltiges Layout tut nichtn (Nachbau gemäss FAQ...)
Hallo zusammen
Ich möchte meine Website mit einem Header und darunter 3 Spalten gestalten. Dazu habe ich in der FAQ nachgelesen, wie das so ca. tut. Mit einfachem Text funktioniert auch alles bestens, aber als nächsten Schritt versuche ich, die mittlere Spalte mit einem Hintergrundbild zu versehen, inkl. runde Ecken, etc. Dazu verschachtle ich weitere divs. Und jetzt klappt es halt nicht mehr: Der Text wird falsch eingerückt und die mittlere Spalte überdeckt die rechte Spalte. Ich habe alles soweit abgespeckt, dass nur noch das relevante in den Files ist und wäre froh, wenn mir jemand helfen kann: so ist es gut so ist es falsch Danke schon mal an alle, Gruss, -- zebu |
Sponsored Links |
|
|||
Code:
.right_content { /*so_ist_e...alsch.php (Linie 29)*/ ...left:238px; ...position:relative; ...width:auto; } Das kann so nicht gehen. |
Sponsored Links |
|
||||
genau! und dann gibst du deinem p-tag auch nch ein padding:
Code:
div#website p {so_ist_e...alsch.php (Linie 13) padding:0px 200px 0px 237px; }
__________________
www.freizeitler.de |
|
|||
Danke für die Hilfe. Jetzt weiss ich wenigstens schon mal, was falsch ist. Kommen wir zum ersten der beiden Punkte:
Zitat:
Kann ich die Breite irgendwie so in der Art einstellen als width=100% - 237px - 200px? D.h. die ganze Breite abzüglich was ich für links und rechts brauche? Und nun zum zweiten: Zitat:
Ich habe euer Feedback in eine dritte Version eingearbeitet: Version mit dem Feedback Folgende 3 Probleme stellen sich nun: 1. Die Breite wird nicht optimal ausgenutzt. Im Normalfall wird der Platz zwischen der mittleren und der rechten Spalte nicht verwendet. Wenn das Browserfenster kleiner ist als vorgesehen, dann überlagert die mittlere Spalte nach wie vor den rechten Teil. Wird die Breite noch weiter verkleinert, dann hängt der Content rechts aus dem Browserfenster raus. 2. Der Text innerhalb der mittleren Spalte wird um die Navigation herum eingerückt. Sobald links kein Content mehr steht, wird der Text korrekt am linken Rand der mittleren Spalte angezeigt. 3. Firefox und IE stellen die Seite jetzt nicht mehr identisch dar. Beim IE wird die Hintergrundgrafik in der mittleren Spalte sehr weit eingerückt, dafür ist der Text immer schön linksbündig. Dafür liegt die Hintergrundgrafik auf diese Weise zu weit rechts und überdeckt so den rechten Teil viel eher. Im Firefox sind Probleme 1 und 2 zu beobachten. Für Hinweise zu obigen Problemen bin ich nach wie vor sehr dankbar. Geändert von zebu (13.07.2008 um 21:31 Uhr) |
|
||||
versuch mal folgendes:
Code:
.right_content {so_ist_e...dback.php (Linie 28) background-image:url(http://www.texaswinthem.com/imgs/green_frame_right.gif); background-position:right center; background-repeat:repeat-y; margin:0 200px 0 237px; padding:0px; width:auto; }
__________________
www.freizeitler.de |
Stichwörter |
hintergrundbild, layout, spalten, verschachtelt |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
3 spaltiges Layout mit CSS | Serpico | CSS | 2 | 20.12.2010 16:53 |
2 spaltiges Layout, unabhängig scrollbar | Plasm | CSS | 6 | 15.02.2008 11:31 |
3 spaltiges Layout mit flexibler Mitte | skobe | CSS | 1 | 11.12.2007 17:48 |
3 spaltiges Layout, Außen feste Breite, innen dynamisch | NicolaibassDH | CSS | 3 | 13.06.2007 12:09 |
3 spaltiges Layout, die 100.000te | Speedoo | CSS | 21 | 18.08.2006 11:13 |