| Autor |
Nachricht |
einStephan
Threadersteller
Dabei seit: 13.11.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 06.02.2008 10:51
Titel 3-spaltiges div-Layout in festem div macht Probleme |
 |
|
Hallo an alle,
bisher kam ich ja mit denn CSS-Layouts ganz gut klar, aber jetzt habe ich ein Problem.
Ich möchte ein 3-spaltiges Layout (1. und 3. spalte feste Breite) in einem Zentriertem Div mit fester Breite anzeigen. Der zentrierte Div soll die drei Spalten stets umfließen. Also so hoch sein, wie die höchste der drei Spalten.
Was dem ganzen am nähesten kommt, wäre dieses hier (hab die css angaben mal vorerst im Code belassen:
<div style="width:600px; padding:10px; border:1px;">
<div style="float:left; width:160px">LINKE SPALTE</div>
<div style="float:right; width:160px">RECHTE SPALTE</div>
<div>INHALT</div>
</div>
Hier umfließt aber der Inhalt die anderen Spalten, was nicht sein darf. Gebe ich dem Inhalt ne feste Breite, so rutscht er ganz nach links...
Wie löse ich das denn am besten?
Danke im Vorraus
mfG Stephan
|
|
| |
|
 |
| |
|
 |
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 06.02.2008 12:06
Titel
|
 |
|
| Code: | | <div style="margin: 0 160px;">INHALT</div> |
|
|
| |
|
 |
Kash
Moderator
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 29
Geschlecht:
|
|
| |
|
 |
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 06.02.2008 19:11
Titel
|
 |
|
|
Genau, im Titel steht dreispaltig was dann natürlich vierspaltig bedeutet.
|
|
| |
|
 |
Kash
Moderator
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 29
Geschlecht:
|
Verfasst Do 07.02.2008 11:21
Titel
|
 |
|
oh als ob man das nicht abwandeln könnte.....
|
|
| |
|
 |
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 07.02.2008 11:34
Titel
|
 |
|
Drei oder vier oder egal wieviele Elemente in Reihe floaten kann man sich daher
sicher von ableiten, aber das ist hier nicht gefragt.
|
|
| |
|
 |
| |
|
 |
| Ähnliche Themen |
Paar Probleme bei Div Layout
2-spaltiges Layout macht Probleme im IE6
Probleme mit Layout - div im layout height="100%"
CSS Frage : Body div /div div ?
Absolutes DIV in relativem DIV: rel-DIV soll "mitwachsen"!
[hilfe] DIV layout
|
 |