![]() |
| | LinkBack | Themen-Optionen | Thema bewerten | Ansicht |
|
#1
| |||
| |||
Hallo, ich hoffe, ich bin hier richtig, ansonsten bitte verschieben. Beim Erstellen von HTML-Seiten in Typo3 teste ich es immer in mehreren Browsern, um sicher zu gehen: Firefox, Opera und der leidige IE. Nun habe ich bei mir die neue Version IE7 Beta 3 installiert, die zwar immer noch so sch... ist, aber immerhin einige Probleme weniger hat. In Typo3 hatte ich eine Seite erstellt, deren Layout nur aus mit css formatierten divs besteht. Ich hatte lange Zeit damit gekämpft und nun siehts in IE7, FF und Opera gut aus. Probleme bereitet mir der IE6: Mein Menü ist eine UL, die zunächst nicht dargestellt wird, beim rüberfahren nur teilweise dargestellt wird und irgendwann vollständig. Meine Fragen an euch: - hat jemand eine Idee, wie man das Listenproblem in IE umgehen kann - kann ich zum Testen eine zweite Version des IE installieren vielen Dank für Tipps |
|
#2
| ||||
| ||||
| Zitat:
Zitat:
|
|
#3
| ||||
| ||||
| Zitat:
|
|
#4
| |||
| |||
| Zitat:
HTML-Code: [...] <body> <div id="seite"> <div id="top"> <div id="mainnavi"><ul><li><a href="index.php?id=7" onfocus="blurLink(this);">Startseite</a></li><li><a href="index.php?id=6" onfocus="blurLink(this);">Profil</a></li><li class="active"><a href="index.php?id=5" onfocus="blurLink(this);">Portfolio</a></li><li><a href="index.php?id=4" onfocus="blurLink(this);">Lösungen</a></li><li><a href="index.php?id=3" onfocus="blurLink(this);">Referenzen</a></li><li><a href="index.php?id=2" onfocus="blurLink(this);">Kontakt</a></li></ul></div> <div id="kuwlogo"><img src="fileadmin/images/kuw_logo.png" width="200" height="44" border="0" alt="" title="" /></div> </div> <!--TYPO3SEARCH_begin--> <div id="center"> <div id="contentright"><a id="c3"></a><div class="csi-textpic csi-left csi-above"><div class="csi-imagewrap"><img src="uploads/pics/Baukasten_008-02.jpg" width="775" height="130" border="0" alt="" title="" /></div><div class="csi-text"></div></div><div class="csi-clear"></div></div> </div> <div id="line"><img src="clear.gif" width="20" height="5" alt=""></div> <div id="bottom"> <div id="left"> <div id="pagecontent"> <div id="contentleft" style="padding-bottom: 200px;"><a id="c1"></a><div class="csi-textpic csi-left csi-above"><div class="csi-imagewrap"><img src="uploads/pics/freu01.jpg" width="180" height="120" border="0" alt="" title="" /></div><div class="csi-text"></div></div><div class="csi-clear"></div></div> <div id="content"> <a id="c2"></a> <!-- Header: [begin] --> <div class="csc-header csc-header-n1"><h1 class="csc-firstHeader">Unsere Erfahrung ist Ihr Erfolg</h1><img src="clear.gif" width="1" height="5" border="0" class="spacer-gif" alt="" title="" /><br /></div> <!-- Header: [end] --> <!-- Text: [begin] --> [...] <!-- Text: [end] --> </div> </div> <!--TYPO3SEARCH_end--> </div> <div id="right"> <div id="subnavi"> <!-- Hier ist das Problem --> <ul> <li class="l1_first"><a href="index.php?id=10" onfocus="blurLink(this);">Beratung und Konzeptentwicklung</a></li> <li><a href="index.php?id=9" onfocus="blurLink(this);">Lernsoftware-Produktion</a></li> <li><a href="index.php?id=8" onfocus="blurLink(this);">Coaching und Evaluation</a></li> </ul> </div> </div> <div id="footer"> <div id="footerleft"><ul><li><a href="index.php?id=27" onfocus="blurLink(this);">Suche</a></li><li><a href="index.php?id=26" onfocus="blurLink(this);">Sitemap</a></li><li><a href="index.php?id=25" onfocus="blurLink(this);">Impressum</a></li></ul></div> </div> <div id="lernenlogo"><img src="fileadmin/images/learning_logo.png" width="139" height="73" border="0" alt="" title="" /></div> </div> </div> </body> </html> Code: /***** NAVIGATION RECHTS *********************/
#subnavi {
color: black;
}
/* level 1 */
#subnavi UL {
list-style: none;
padding: 0;
margin: 0;
border-bottom: 1px solid #eeeeee;
xmargin-bottom: 100px;
}
#subnavi UL UL {
margin: 0px;
}
#subnavi LI {
padding-bottom: 5px;
padding-top: 5px;
border-top: 1px solid #eeeeee;
background-color: #d5d8df;
}
#subnavi LI.l1_first {
border-top: 0;
background-color: #d5d8df;
}
#subnavi LI.l1_act {
background-color: #e20916;
}
#subnavi LI.l1_act A {
color: White;
}
*html #subnavi LI.l1_sub {
padding-bottom: 0px;
}
#subnavi LI A {
padding-left: 20px;
display: block;
color: black;
text-decoration: none;
}
#subnavi LI A:hover {
color: #e20916;
}
#subnavi LI.l1_act A:hover {
color: black;
}
/* level 2*/
#subnavi UL UL {
border-bottom: 0;
border-left: 0;
}
#subnavi UL LI LI A {
color: black;
}
*html #subnavi UL LI LI {
padding-left: 15px;
background-color: White;
border-color: #d5d8df;
}
*html #subnavi LI.l1_sub LI.l2_act A {
color: #e20916;
}
*html #subnavi LI.l1_sub LI A {
color: black;
}
*html #subnavi LI.l1_sub LI A:hover {
color: #e20916;
}
html>body #subnavi LI.l2_act A {
color: #e20916;
}
html>body #subnavi UL UL LI {
padding-left: 15px;
background-color: White;
border-color: #d5d8df;
}
*html #subnavi LI.l1_sub LI.l2_first {
margin-top: 5px;
border-top: 1px solid White;
} |
|
#5
| |||
| |||
| @lutz Danke! hier hab ich auch was gefunden: http://browsers.evolt.org/?ie/32bit/standalone alle IE Version 3-6 als Standalone |
|
#6
| |||
| |||
| @ghoti versuch mal position:relative; für das div. Und soweit ich weiß, gibt esxmargin-bottom nicht. Armin
__________________ Nichts kommt von selbst, sogar eine Dummheit muss man erst machen. Tipps und Tricks zu TYPO3: http://typo3.intervation.de |
|
#7
| ||||
| ||||
| Zitat:
|
|
#8
| |||
| |||
| Ich habs jetzt so gelöst, dass ist statt der Liste eine Tabelle ausgeben lasse und die dann formatiere. Da tauchte dann wieder das berühmte Problem mit dem 3px Abstand auf, der aus dem nichts kommt. Mit dem x vor einer Property kommentiere ich die aus, hatte ich vergessen dazu zu sagen. Ist einfacher als immer die Zeile in /* */ zu schreiben. |
|
#9
| ||||
| ||||
| Zitat:
|
![]() |
| Lesezeichen |
| Themen-Optionen | |
| Ansicht | Thema bewerten |
| |
Ähnliche Themen | ||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| Seiten Versionen | max50000 | TYPO3 4.x Backend | 0 | 30.11.07 12:10 |
| News werden nur angezeigt wenn parallel im BE eingelogged? | untangler | News (tt_news, mininews und Co) | 1 | 02.03.07 15:36 |
| Typo3 und HTML alt parallel? | Liebei | HTML & CSS | 2 | 05.09.06 06:24 |
| 3.x und 4 parallel auf einem Server möglich? | sisu | TYPO3 4.x Installation und Updates | 4 | 08.08.06 06:51 |
| Verschiedene IEs parallel? | maxhb | Forum Bar | 6 | 25.08.04 17:46 |