✔ Umsetzung eines Designs: Div Boxen?

[Maik]

An diesen Stellen interpretiert der IE die "Whitespaces" (Zeilenumbrüche und Tab-Einrückungen) im HTML-Code vor/hinter den <img>-Elementen, was im Layout zu vertikalen Verschiebungen nach unten führt.

Lösung in diesem Fall: Diese mit display:block bzw. bei einer horizontalen Ausrichtung, wie im Menü, mit float:left formatieren, damit sie "Block-Level-Charakteristika" erhalten.

mfg Maik

 

[Dkl764]

Tut mir leid, doch ich verstehe dich nicht ganz.
An welcher Stelle muss ein float:left bzw ein display:block gesetzt werden?

 

[Maik]

Zur Verdeutlichung, solch ein Konstrukt mit den Zeilenumbrüchen und Tab-Einrückungen muß aufbereitet werden:

                <a href="?site=index&lang=de" class="hidefocus">
                        <img src="./images/buttons/home_selected.gif" alt="" name="Button1" border="0" />
                </a>

Du kannst dir ja mal zum Gegenvergleich den Darstellungsunterschied mit dieser Zeile betrachten:

<a href="?site=index&lang=de" class="hidefocus"><img src="./images/buttons/home_selected.gif" alt="" name="Button1" border="0" /></a>

mfg Maik

 

[Dkl764]

Soweit habe ich es auch verstanden.
Nur wo müssen diese "Schnipsel" hingesetzt werden?
An das IMG? In den Link ( <a href="..."> ) ?

 

[Maik]

Steht hier doch alles:

An diesen Stellen interpretiert der IE die "Whitespaces" (Zeilenumbrüche und Tab-Einrückungen) im HTML-Code vor/hinter den <img>-Elementen, was im Layout zu vertikalen Verschiebungen nach unten führt.

Lösung in diesem Fall: Diese mit display:block bzw. bei einer horizontalen Ausrichtung, wie im Menü, mit float:left formatieren, damit sie "Block-Level-Charakteristika" erhalten.

mfg Maik

mfg Maik

 

[Dkl764]

<img ... ... ... style="display:block;" />

bricht das ganze nur um...

<img ... ... ... style="float:left;" />

setzt das ganze nur ein wenig mehr nach links.

 

[Maik]

Wie ich schon schrieb, ist bei einer horizontalen Ausrichtung der Grafikelemente die float-Eigenschaft gefragt, denn mit display:block erzeugt das Element einen Zeilenumbruch im Textfluß.

Und was versetzt sich da mit float:left weiter nach links?

mfg Maik

 

[Dkl764]

Mein Fehler... danke

 

[Dkl764]

Abstand der

Hallo zusammen,
ich wollte nicht nochmals den anderen Thread rausholen. Ein neuer Thread erleichtert sicherlich auch die Suchfunktion.

Neues Problem: Es besteht ein Abstand vom Menü zum Header-Bild im Internet Explorer 6. Im Firefox (3.5) jedoch nicht. Woran liegt das?

Das gleiche Problem auch oben: Abstand von der oberen Leiste zum Header-Bild.

Wie kann ich diesen Fehler beheben?

Webseite: http://tombi.bplaced.de/voss/

 

[Maik]

Warum ein neues Thema, wenn es sich a) um dieselbe Seite und b) um das gleiche Problem wie eben handelt.

Diesmal muß "header.gif" mit display:block formatiert werden.

Das hättest du aber jetzt eigentlich aus meinen letzten Posts schlußfolgern können.

mfg Maik