Hilfe! Seite funkt nicht...

html.de-Forum HTML, XHTML & CSS
1

Moin moin die Community,

nachdem ich mein Design soweit in Photoshop fertig hatte, wollte ich es nun komplett in CSS coden, i-wie logisch :smiley: Soweit so gut, denn auf meinem Breiten Bildschirm wird mir die Seite in Firefox genau so angezeigt, wie´s sein soll (Rollover klappt, links der Blogbereich und rechts kommen dann kleinere Infobaukästen hin):
http://www.felix-albroscheit.de/fuckit1.png

Doch schon von einem anderen Pc angespäht wird klar: da kann etwas nicht stimmen!:

http://www.felix-albroscheit.de/fuckit.png
Obwohl ich die Blogartikel in den Wrapper reingeschrieben habe und sie nach links „gefloatet“ sind, werden sie nach ganz unten geschoben und setzen sich sogar über den Footer.

Link zur Seite[U][/U]

Da ich noch relativer Anfänger in CSS bin und mich gerade erst weiterbilde, freue ich mich über jeden guten Tipp!

Der Hartz4Hotte grüßt von der Brücke

2

auch in firefox, wenn du das Fenster verkleinerst tritt dieser Fehler auf,
geh am besten nochmal die Grundlagen von CSS durch

aber das design find ich schön :slight_smile:

3

tatsächlich, hast Recht!
Hmm, na gut, ich werde mir dann bald das Buch „Transcanding CSS“ holen, ein super Teil wohl :razz:

4

gibt doch genug tutorials im web, da brauchst kein geld ausgeben, und kannst dir die benötigten zeilen einfach kopieren :smiley:

5

in deinem fall z.b. dies: http://webstandard.kulando.de/post/2005/11/04/div_wahnsinn_div_suppe_oder_div_chaos_-_wie_kann_man_es_vermeiden

dein content mit dem lorem lipsum ist wohl in einer festen breite eingestellt und darf sich nicht anpassen.

6

dein content mit dem lorem lipsum ist wohl in einer festen breite eingestellt und darf sich nicht anpassen.
Darüber hab ich auch schon nachgedacht… na gut, ich werde mich in nächster zeit drum kümmern. Danke auch für den Artikel!

7

Auf die Schnelle für #wrapper:
Die Floats einschließen.
Height entfernen.
min-width ca. 900px.

aus ff - firebug:

#wrapper {
background-color:#295161;
background-repeat:no-repeat;
border:1px solid #3E778F;
[COLOR="#8b0000"]display:table;
margin-left:120px;
margin-top:50px;
[COLOR="DarkRed"]min-width:900px;
width:80%;
}

Suche nach Floats einschließen.

8

Vielen Dank, klappt schon viel besser, nur der Safari macht noch ein paar Probleme, aber da kümmer ich mich jetzt drum. Hotte