CSS Prob mit IE

Deyda · 9. September 2008

Bin gerade wiedermal eine SEite am basteln und bin leider ein Noob was CSS angeht....arbeite mich da halt immer mehr rein ....

Habe nun das MEnü soweit fertig das es mir einigermassen gefällt und nun ist mir aufgefallen das die Seite im IE6 gar nicht passt und mein Menü Effekt auch nicht klappt ... im FF3 klappt alles super...

Seite

Kann mir einer helfen wie ich denn Mist auch im IE6 Zentral bekomme...

merci im Vorraus....

Falls was benötigt wird einfach sagen....

Anzeige

Hapablap · 9. September 2008

AW: CSS Prob mit IE

Bin mir nicht sicher, weil ich im IE kein Tool zum CSS editieren hab,
aber versuchs mal mit

Hab ne Seite, die fast identisch aufgebaut ist, da hats bei mir so funktioniert.

Musst immer aufpassen, weil FF und IE verschiedene Standard margins haben, deshalb gibts auch glaub ich diese Methode, erstmal die Standards vom Browser zu reseten.

foxi · 9. September 2008

AW: CSS Prob mit IE

Falls es nicht geht, wäre ein Auszug aus der CSS gut, in dem der betroffene Bereich zu sehen ist. Grund dafür ist, dass der IE kaum Fehler und fehlende Syntax verzeiht :/

Deyda · 9. September 2008

AW: CSS Prob mit IE

Mein Quelltext...überall mal was geklaut :-(

h2,h3,h4,h5,h6,div,p,body,html,input,button {
font: normal 12px Helvetica,Verdana,Arial
}

h1 {
font: normal 14px Helvetica,Verdana,Arial;
font-weight: bold;
}

img.block {
display:block;
}

div, img {
margin:0;
padding:0;
border:0;
}
body {background:url(images/bg2.gif) repeat-y top center #eaeaea; color:#3a3a3a; font:76% Verdana,Tahoma,Arial,sans-serif; margin:0 auto; padding:0;}
div#container {
width:960px;
margin-left:auto;
margin-right:auto;

}

div#container[id] {
width:960px;
margin: 0 auto;

background: url(../fileadmin/images/bg.gif) center repeat-y;
}

div#top {

font: 10px bold Helvetica,Verdana,Arial;
clear:both;
background-color:#757575;
text-align:right;
color:#000000;
padding:5px;
padding-right:10px;
}

div#top a {
text-decoration: none;
color:white;
}

div#header { background-color:#ffffff;
}

div#links {
float:left;
width:181px;
height:auto;
padding-left:10px;
padding-top:37px;
padding-bottom:10px;
background-color:#fff;
color:#000000;
}

div#head {
font: normal 10px Helvetica,Verdana,Arial;
padding-top:5px;
padding-bottom:5px;
}

div#center {
margin-left:194px;
width:515px;
}

div#right {
width:215px;
height:auto;
float:right;
text-align:left;
padding-top:10px;
background-color:#ffffff;
color:#000000;
}

div#footer {
clear:both;
background-color:#757575;
padding:10px;
font: normal 10px Helvetica,Verdana,Arial;
color:#fff;

}

ul#nav,
ul#nav ul {
margin: 0;
padding: 0;
width: 150px; /* Width of Menu Items */
border-bottom: 1px solid #ccc;
background: #fff; /* IE6 Bug */
color: black;
font-size: 100%;
}

ul#nav li {
position: relative;
list-style: none;
}

ul#nav li a {
display: block;
text-decoration: none;
color: #777;
padding: 5px;
border: 1px solid #ccc;
border-bottom: 0;
}

* html ul#nav li { float: left; height: 1%; }
* html ul#nav li a { height: 1%; }

ul#nav ul {
position: absolute;
display: none;
left: 149px; /* Set 1px less than menu width */
top: 0;
}

ul#nav li ul li a { padding: 2px 5px; } /* Sub Menu Styles */

ul#nav li:hover ul ul,
ul#nav li:hover ul ul ul,
ul#nav li.over ul ul,
ul#nav li.over ul ul ul { display: none; } /* Hide sub-menus initially */

ul#nav li:hover ul,
ul#nav li li:hover ul,
ul#nav li li li:hover ul,
ul#nav li.over ul,
ul#nav li li.over ul,
ul#nav li li li.over ul { display: block; } /* The magic */

ul#nav li ul li.menuparent { background: transparent url(arrow.gif) right center no-repeat; }

ul#nav li.menuparent:hover,
ul#nav li.over {
background-color: #f9f9f9;
}

ul#nav li a:hover {
color: #E2144A;
}

.nav2act {
font-weight: bold;
background ink;
}

ul#nav li ul li a {
padding:5px 0px;
padding-left:10px;
}

ul#nav li ul li a:hover {
xbackground:#eee;
}

Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

foxi · 9. September 2008

AW: CSS Prob mit IE

Ich nehme mal an, dass du für die Seite TYPO3 benutzt. Ich würde dir hierfür noch YAML empfehlen. Mit diesem kostenlosen Webbuilder, kannst du dir sehr einfach 2 oder 3 spaltige Layouts erstellen.

YAML Builder | A tool for visual development of YAML based CSS layouts

Die kannst du dann einfach einbinden. Achte nur auf die verschieden Klassen

Hapablap · 9. September 2008

AW: CSS Prob mit IE

Ich würde eher vorschlagen, er soll es mal außerhalb von TYPO3 ausprobieren.
Also einfach die statische HTML Datei mit der CSS lokal bearbeiten und gucken,
wie es dann aussieht.
Hab ja schon mein Vorschlag gepostet, aber kannst dir auch meine (ähnlich wie
deine Seite aufgebaute) Seite anschauen:

http://www.cardevision.de/Testseite/index.html

Edit:

Ich seh grad, ich hab, um alles in die Mitte zu setzen, im Body text-align center gewählt. Musst es in dem Element darunter nur wieder auf left setzen. Dann müsste es auch im IE in der mitte sitzen.

Nützliche Suchen

CSS Prob mit IE

Videos zum Themenbereich