[go2zilla]

Der IE zeigt einen Abstand an wo eigentlich keiner sein sollte ! Beim Firefox funktionierts aber richtig !
Zwischen ###MENU_LINKS### und ###WETTER### steht ein clear.gif mit height=1 damit ich einen kleinen Abstand habe !
Kann man den Fehler im IE umgehen ?

Typoscript-Code:

1: 2: 3: 4: 5: 6: 7: 8: 9: 10: 11: 12: 13: 14: 15: 16: 17: 18: 19: 20: 21:

<table width="780" border="0" cellpadding="0" cellspacing="0"> <td width="169" align="center" valign="top" bgcolor="#51A6E5">    ###MENU###            ###MENU_LINKS### <img src="clear.gif" width="1" height="1" align="top" />    ###WETTER###    ###WETTER_INHALT###<    ###AKTUELLES###    ###AKTUELLES_INHALT### </td> <td width="10" rowspan="3" valign="top"> <img src="clear.gif" width="20" height="1">         </td> <td width="611" rowspan="3" align="left" valign="top"> <table border="0" width="100%" cellspacing="0" cellpadding="0">

[MistaD]

Hallo,

warum nimmst du anstatt von clear.gif nicht CSS für so etwas?

[go2zilla]

Zitat von MistaD

Hallo,

warum nimmst du anstatt von clear.gif nicht CSS für so etwas?

Weil ich da nicht so fit bin !
Wie müßte der Code mit Css ausschauen ?

Hab eh vor mehr mit Css zu machen danke !!

[MistaD]

Hallo,

man sieht es nicht genau im Screenshot aber ich denke du verwendest ein TMENU, das ist dann ja wahrscheinlich mit einem wrap (span oder div-tag) umschlossen, dem weist du eine CSS Klasse zu:

<div class="menu">|</div>

diese Klasse dann z.B im CSS dann mit:

.menu{
padding-bottom: 5px;
# etc...
}

Das bewirkt das er dann unter jedem Menu Punkt 5Pixel frei,Abstand lässt.

[go2zilla]

.menu{
padding-bottom: 5px;
# etc...
}

Das bewirkt das er dann unter jedem Menu Punkt 5Pixel frei,Abstand lässt.


Super funktioniert !!

.menu {
    padding-bottom: 5px;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}

Jetzt wollt ich eigentlich noch das er bei jedem Menüeintrag eine weiße Linie darüber und unter dem Menüeintrag macht. Statt dessen macht er ganz oben einen und unten !
Ich nehme an das er ###Menu_Links### in einer schleife abläuft und nicht den DIV tag berücksichtig ?

<div class="menu">
               ###MENU_LINKS###
</div>

Das werd ich wohl nur im Template machen könne oder !!?

[MistaD]

Hallo,

lies dich mal ein oder schau dich mal bei Google zu CSS um, ist nicht schwer und mit halbwegs aktuellen HTML Programm geht es noch schneller.

.menu {
border-top: 1px solid #ff0000;
border-bottom: 1px solid #ff0000;
}

So hast du oben und unten eine rote Linie..

[go2zilla]

Danke ! Werd ich machen ! Der ie und firefox zeigt zwar die abstände immer noch nicht gleich an !
Anscheinend sind padding-bottom: 5px; was anderes im ie als im Firefox.
Aber is mir jetzt egal.
Danke noch mal

[MistaD]

Hallo,

die werte sind die gleichen nur der IE interpretiert das mal wieder anders.
Mach einfach ein CSS template Für IE eins für FireFox das Fragst du über CONDITIONS ab.

[go2zilla]

Ahh darüber hab ich schon mal was gelesen !! Jetzt bekomm ich es mit CONDITIONS sicher hin.
Danke
lg

[MistaD]

Hallo,

na also...


Dann noch den Thread auf GELÖST umstellen.