digiTALE
Lt. Junior Grade
- Registriert
- Juli 2004
- Beiträge
- 270
Hey,
ich bin gerade dabei, auf tabellenlose Seiten umzusteigen. Jetzt stehe ich vor einem Problem! Ich wollte die DIV's jetzt so anordnen das diese LINKS, MITTE und RECHTS positioniert werden, also 3 Spalten halt.
Jedenfalls geht die RECHTE Positionierung nicht, das DIV wird einfach auf die nächste Zeile versetzt. Das will ich aber nicht.
Hier noch ein Bild dazu
Wie kann ich die Rechte Spalte nun in einer Höhe mit den anderen rechts positionieren, ohne das dieser auf die nächste Zeile ausweichen muss?
ich bin gerade dabei, auf tabellenlose Seiten umzusteigen. Jetzt stehe ich vor einem Problem! Ich wollte die DIV's jetzt so anordnen das diese LINKS, MITTE und RECHTS positioniert werden, also 3 Spalten halt.
Jedenfalls geht die RECHTE Positionierung nicht, das DIV wird einfach auf die nächste Zeile versetzt. Das will ich aber nicht.
PHP:
<style>
.headges{
WIDTH: 776px; HEIGHT: 200px; CLEAR: both; }
.headpic{
FLOAT: center; WIDTH: 760px; HEIGHT: 200px; DISPLAY: run-in;
BACKGROUND: url(img/header.jpg) no-repeat; }
.headrig{
FLOAT: right; WIDTH: 8px; HEIGHT: 200px; DISPLAY: run-in;
FONT-SIZE: 1px; BACKGROUND: #fff; }
.headlef{
FLOAT: left; WIDTH: 8px; HEIGHT: 200px; DISPLAY: run-in ;
FONT-SIZE: 1px; BACKGROUND: #fff; }
.headsch{
WIDTH: 776px; HEIGHT: 8px; FONT-SIZE: 1px; BACKGROUND: #fff; }
</style>
<div align="center">
<!-- SCHATTEN OBEN -->
<div class="headsch"></div>
<!-- SCHATTEN OBEN ENDE -->
<!-- HEADER BEREICH -->
<div class="headges">
<!-- SCHATTEN LINKE SEITE -->
<div class="headlef"></div>
<!-- SCHATTEN LINKE SEITE ENDE -->
<!-- HEADER BILD -->
<div class="headpic"></div>
<!-- HEADER BILD ENDE -->
<!-- SCHATTEN RECHTE SEITE -->
<div class="headrig"></div>
<!-- SCHATTEN RECHTE SEITE ENDE -->
</div>
<!-- HEADER BEREICH ENDE -->
</div>
Hier noch ein Bild dazu
Wie kann ich die Rechte Spalte nun in einer Höhe mit den anderen rechts positionieren, ohne das dieser auf die nächste Zeile ausweichen muss?