divs floaten lassen - mitwachsende divs

Hallo Daniel,

Das liegt an deinen absoluten und relative Positionierungen. Unter der Footer wird auch abgeschnitten durch width:94% wenn man das Fenster kleiner macht.


Schöne Grüße
Thomas

Hi Thomas,
danke dir. Ich habs mir fast gedacht. Bin gerade dabei weg zu kommen von absoluten und relativen positionierungen...
Müssen dann alle position-befehle raus und nur noch mit margin arbeiten?

Gruß, Daniel

Ultima schrieb:

Hallo Daniel,

Das liegt an deinen absoluten und relative Positionierungen. Unter der Footer wird auch abgeschnitten durch width:94% wenn man das Fenster kleiner macht.


Schöne Grüße
Thomas

Hi!
Die Positionierungen hab ich weitesgehend geändert. Es hat sich aber dadurch noch keine Besserung ergeben. Kann es noch ein anderer Grund sein?

Gruß, Daniel

Ultima schrieb:

Hallo Daniel,

Das liegt an deinen absoluten und relative Positionierungen. Unter der Footer wird auch abgeschnitten durch width:94% wenn man das Fenster kleiner macht.


Schöne Grüße
Thomas

[CSS]margin-bottom:-32767px[/CSS]

Das tut ja schon beim lesen weh ...

Ok erklär dir einfach mal das Grundprinzip. Dein Layout ist ja recht einfach.
Hier mal ein Beispielcode, die Styles lasse ich inline damit es verständlicher ist. So ungefähr ist deine Seite Aufgebaut.

[HTML]

[/HTML]

Schöne Grüße
Thomas

Hi Thomas,
es geht bei mir um das Faux Column Prinzip.
Die Version mit den hohen margin-Werten ist die "Equal Height Columns" Version auf Stu Nichols Webseite.

www.cssplay.co.uk/layouts/flexible-equal-height.html

Ultima schrieb:

[CSS]margin-bottom:-32767px[/CSS]

Das tut ja schon beim lesen weh ...

Ok erklär dir einfach mal das Grundprinzip. Dein Layout ist ja recht einfach.
Hier mal ein Beispielcode, die Styles lasse ich inline damit es verständlicher ist. So ungefähr ist deine Seite Aufgebaut.

[HTML]

Header

Linke Spalte ...

Mittlere Spalte ...

Rechte Spalte ...

Footer

[/HTML]

Schöne Grüße
Thomas

Hi Leute!
Es ist geschafft!

Wie so oft liegt es an einem simplen Fehler. Die Reihenfolge der gefloateten divs im stylesheet muss in der gleichen reihenfolge sein, wie die reihenfolge im html-code.

Jetzt funktioniert es. Ist vielleicht interessant für andere. Und mit dem css-code:

[css]padding-bottom: 32767px;
margin-bottom: -32767px;[/css]

lassen sich andere Tutorials, die eine Grafik einbetten, umgehen.


Viel Glück allen anderen!!!
Gruß, Daniel

klavierstimmer-hamburg.com/versuche/html/index

Hallo KsKraus und willkommen.

Es geht wahrscheinlich um diese Regel
[css]
#kontaktformular,
#text,
#images {
padding-bottom: 32767px;
margin-bottom: -32767px;
}
[/css]

ich denke hier könnte man fix einem Irrtum aufliegen. Es spielt keine Rolle, oder sollte es zumindest nicht, welche der beiden Anweisungen oben oder unten liegt.

Jeder Browser baut sich die Reihenfolge in einer CSS Klasse selbst zusammen.
... das geht genauso

#images {
margin-bottom: -32767px;
padding-bottom: 32767px;
}
[/css]

Hallo romacron!

Ne, es ging im die gefloateten divs und deren reihenfolge allgemein:

[css]
#text {
float: left;
margin-left: 22%;
width: 58%;
padding: 2.5%;
}
#kontaktformular {
float: left;
width: 20%;
margin-left: -85%;
padding-left: 2%;
background: #5F99C7;
font-size: 0.9em;
line-height: 1.8em;
color: white;
border-radius: 1em;
}
#images {
float: right;
width: 14%;
font-size: 0.8em;
line-height: 0.8em;
padding-right: 1%;
margin-top: 8em;
}
[/css]

Diese müssen alle in der gleichen Reihenfolge liegen, wie sie im html code sind. Ansonsten wird falsch gefloatet.

Danke trotzdem für die Mühe und netten Gruß zurück!
Daniel