Necro_nomicon
Erfahrenes Mitglied
Hallo!
Das Layout hat an sich schon gefunkt unter IE6 und den anderen Browsern (Firefox, Opera, etc). Allerdings habe ich nun beim IE 7 das Problem, dass er anscheinend da wo Bilder drinnen sind die Spalte um 3 px groesser macht.
Ich dachte nun, dass es reichen wuerde das img auf display:block zu setzen, allerdings funktioniert das nicht.
Vielleicht ist es einfach ein ganz anderer Fehler? Hat jemand eine Idee?
Im Anhang das Bild wie es im IE7 aussieht. (Abstand unter dem Logo ist drei Pixel groesser als dann das Hintergrundbild).
Eventuell hat es was mit dem Untermenue zu tun, da dort ploetzlich eine Haarlinie in schwarz auftaucht unter dem Logo, die eigentlich gar nicht da sein sollte.
Bin fuer jeden Hinweis dankbar.
Hier der Anfang des codes...
CSS
Das Layout hat an sich schon gefunkt unter IE6 und den anderen Browsern (Firefox, Opera, etc). Allerdings habe ich nun beim IE 7 das Problem, dass er anscheinend da wo Bilder drinnen sind die Spalte um 3 px groesser macht.
Ich dachte nun, dass es reichen wuerde das img auf display:block zu setzen, allerdings funktioniert das nicht.
Vielleicht ist es einfach ein ganz anderer Fehler? Hat jemand eine Idee?
Im Anhang das Bild wie es im IE7 aussieht. (Abstand unter dem Logo ist drei Pixel groesser als dann das Hintergrundbild).
Eventuell hat es was mit dem Untermenue zu tun, da dort ploetzlich eine Haarlinie in schwarz auftaucht unter dem Logo, die eigentlich gar nicht da sein sollte.
Bin fuer jeden Hinweis dankbar.
Hier der Anfang des codes...
HTML:
<table width="100%" cellpadding="0" cellspacing="0" border="0" class="hoehetest">
<tr>
<td width="249" class="klein1"> </td>
<td width="775" class="klein2"> </td>
<td class="klein3"> </td>
</tr>
<tr>
<td colspan="2" class="td1"><img src="img/layout_final_1.jpg" alt="Logo BABBV"></td>
<td class="td2"> </td></tr>
<tr>
<td valign="top" class="td3"><img src="img/layout10_3.jpg" alt="Abstand"></td>
<td valign="top" class="td4"><img src="img/layout10_4.jpg" width="775" height="26" alt="Abstand"></td>
<td class="td2b"> </td></tr>
<tr>
<td valign="top" class="td5"><img src="img/layout10_5.jpg" width="249" height="44" alt="Abstand"></td>
<td class="td6"><!-- UNTERMENUE -->
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="verband.html" id="current">Statuten</a></li>
<li><a href="funktionaere.html">Funktionäre</a></li>
<li><a href="geschichte.html">Geschichte</a></li>
<li><a href="athleten.html">Athleten</a></li>
<li><a href="fitnesscenter.html">Fitnesscenter</a></li></ul></div>
</td>
<td class="td2c"> </td></tr>
<tr>CSS
HTML:
/* CSS Document */
html, body {
background-color:#393939;
margin-top:0px;
margin-left:0;
margin-right:0;
margin-bottom:0;
height:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
color:#cccccc;
}
/* Breite der tds auskommentieren bei table-layout fixed */
.hoehetest {
height:100%;
padding:0;
margin:0;
table-layout:fixed;
}
/* fake spalten fuer fixe Breite */
.klein1, .klein2, .klein3 {
font-size:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:0px;
height:1;
}
.klein1 {
width:249;
}
.klein2 {
width:775;
}
.klein3 {
}
img {
display:block;
}
.td1 {
background-image:url(img/layout10_2.jpg);
background-repeat:repeat-x;}
.td2 {
background-image:url(img/layout10_2.jpg);
height:131px;}
.td2b {
background-color:#3e3e3e;}
.td2c {
background-color:#1e1e1e;}
.td3 {
background-image:url(img/layout10_3.jpg);
background-repeat:no-repeat;
width:249px;}
.td4 {
background-image:url(img/layout10_4.jpg);
background-repeat:no-repeat;
height:26px;}
.td5 {
background-image:url(img/layout10_5.jpg);
background-repeat:no-repeat;
width:249px;
height:44px;}
.td6 {
background-image:url(img/layout10_6.jpg);
background-repeat:no-repeat;
background-color:#1e1e1e;
}
.td7 {
width:249px;
}
.td10 {
background-image:url(img/layout10_10.jpg);
background-repeat:no-repeat;}
.bg_content {
background-color:#2e2e2e;
/*** Wappen
background-image:url(img/bg_wappen.png);
background-repeat:no-repeat;
background-position:right; ***/
height:100%; /* Inhalt bis runter */
}
.bg_content2 {
background-color:#2e2e2e;
background-image:url(img/bg_wappen.png);
background-repeat:no-repeat;
background-position: center;
height:100%; /* Inhalt bis runter */
}
/* UNTERMENUE UNTERMENUE UNTERMENUE */
#navlist
{
margin: 0;
padding: 0 0 20px 10px;
/* Unterstrich */
border-bottom: 1px solid #2e2e2e;
}
#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}
#navlist a:link, #navlist a:visited
{
float: left;
line-height: 14px;
font-weight: bold;
margin: 0 10px 4px 10px;
text-decoration: none;
color: #878787;
}
#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
border-bottom: 4px solid #F7BC5B;
padding-bottom: 2px;
background: transparent;
/* Schrift wo er gerade ist */
color: #FFF;
}
#navlist a:hover { color: #fff; }
Zuletzt bearbeitet:
