[CSS] Designprobleme

[tomstig]

Design

Stylesheet

Probleme:
• Im Firefox wird Mainblock nicht an die Größe des Menüs angepasst, sprich, dass Menü fließt über den Rand des Mainblocks drüber
• Im IE ist der Abstand des Platzhalters zu hoch (keine Ahnung was ich da falsch gemacht hab)


tia, mfg

[wahsaga]

Re: [CSS] Designprobleme

Original geschrieben von tomstig
Im Firefox wird Mainblock nicht an die Größe des Menüs angepasst, sprich, dass Menü fließt über den Rand des Mainblocks drüber

Natürlich nicht - schließlich hast du das Menü gefloatet, und es damit aus dem Fluss genommen.
Aufgabe: Informiere dich über die Auswirkungen von float, und lerne damit umzugehen.

Btw: display:inline ist da absolut sinnfrei, weil float != none display:block impliziert.

Im IE ist der Abstand des Platzhalters zu hoch (keine Ahnung was ich da falsch gemacht hab)

Der IE interpretiert height bekanntlich wie min-height, und macht das Element so hoch, dass Platz für einen eventuellen Textinhalt da wäre.
Lösung: overflow:hidden ergänzen.


Weitere Aufgabe: Für die Bildschirmausgabe vollkommen ungeeignete Schriftgrößen-Einheiten wie pt bitte durch em oder % ersetzen, danke.

[derHund]

Re: Re: [CSS] Designprobleme

Btw: display:inline ist da absolut sinnfrei, weil float != none display:block impliziert.

OffTopic:

---

IE berechnet ja ab und an mal doppelte margins (bei gefloateten objekten) ... display:inline unterbindet das ...

---

[wahsaga]

Re: Re: Re: [CSS] Designprobleme

Original geschrieben von derHund

OffTopic:

---

IE berechnet ja ab und an mal doppelte margins (bei gefloateten objekten) ... display:inline unterbindet das ...

---

OffTopic:

---

Tut es? Ich habe den double float margin bug bisher immer nur mittels Hack und dann Angabe des halben margin-Wertes korrigiert gesehen.
Mit inline muss ich's mal ausprobieren ...

---

[derHund]

OffTopic:

---

ja, funktioniert offenbar. hab das neulich auch erst entdeckt, sonst auch immer anders gelöst

---

[tomstig]

Re: Re: [CSS] Designprobleme

Original geschrieben von wahsaga
[B]Natürlich nicht - schließlich hast du das Menü gefloatet, und es damit aus dem Fluss genommen.
Aufgabe: Informiere dich über die Auswirkungen von float, und lerne damit umzugehen.

werd ich machen....

Btw: display:inline ist da absolut sinnfrei, weil float != none display:block impliziert.

war nur ein verzweifelter versuch das irgendwie hinzubekommen

Der IE interpretiert height bekanntlich wie min-height, und macht das Element so hoch, dass Platz für einen eventuellen Textinhalt da wäre.
Lösung: overflow:hidden ergänzen.

overflow: hidden - sehr gut das passt jetzt wenigstens

Weitere Aufgabe: Für die Bildschirmausgabe vollkommen ungeeignete Schriftgrößen-Einheiten wie pt bitte durch em oder % ersetzen, danke.

omg... blödheit³
thx

[tomstig]

ich schaff das mit den ausrichtungen nicht

gibt es eine alternative zu float? und kennt jemand eine geeignete lösung?

außerdem versteh ich nicht, wie der designer es hier geschafft hat, dass die news nicht unter dem menü nach links einrücken...

[wahsaga]

Original geschrieben von tomstig
außerdem versteh ich nicht, wie der designer es hier geschafft hat, dass die news nicht unter dem menü nach links einrücken...

Er ist vermutlich in der Lage, margin sinnvoll zu benutzen.

[tomstig]

Original geschrieben von wahsaga
Er ist vermutlich in der Lage, margin sinnvoll zu benutzen.

aaaaahja :/
gesehen hab ichs eh, aber irgendwie hab ich das falsch interpretiert...