IE CSS probleem
http://img168.imageshack.us/img168/2315/probleembt4.png
Zoals je ziet wordt de kop van het menu niet goed geplakt aan het item eronder. De site is 100% xhtml en css valid. Welke regels css zal ik nodig hebben om dit probleem op te lossen.
Ps: ik heb al het volgende geprobeerd:
background-repeat: no-repeat;
background-position: bottem;
Dit werkt wel, echter is er dan een verschil in positie, de lege ruimte komt dan boven inplaats van onder het plaatje.
Bij voorbaad dank!
Maar ik denk dat de fout zit in de xhtml.
Zet de div's eens tegen elkaar aan ipv op een volgende regel. Klinkt raar, maar daar kan het wel aan liggen. Heb ik ook eens gehad.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Titel</title>
<link href="style/css.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="menu_t"></div>
<div id="menu_m"></div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Titel</title>
<link href="style/css.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="menu_t"></div>
<div id="menu_m"></div>
</body>
</html>
Css:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
*{
margin: 0px auto;
padding: 0px;
}
#menu_t {
background-image: url(menu_t.jpg);
height: 9px;
width: 201px;
background-repeat: no-repeat;
max-height: 9px;
}
#menu_m{
background-image: url(menu_m.jpg);
width: 201px;
background-repeat:repeat-y;
}
margin: 0px auto;
padding: 0px;
}
#menu_t {
background-image: url(menu_t.jpg);
height: 9px;
width: 201px;
background-repeat: no-repeat;
max-height: 9px;
}
#menu_m{
background-image: url(menu_m.jpg);
width: 201px;
background-repeat:repeat-y;
}
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Titel</title>
<link href="style/css.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="menu_t"></div><div id="menu_m"></div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Titel</title>
<link href="style/css.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="menu_t"></div><div id="menu_m"></div>
</body>
</html>
Maar waarvoor heb je dit?
Code (php)
1
2
3
4
2
3
4
*{
margin: 0px auto;
padding: 0px;
}
margin: 0px auto;
padding: 0px;
}
Ik zal die margin: 0 auto; er sowieso uit halen.
Dit zorgt ervoor dat hij dit op alles toepast.
Die padding is in principe ook niet nodig.
Gewijzigd op 01/01/1970 01:00:00 door Niek Weevers
mod-edit::
Bumpen
Twee of meer keer achter elkaar in een topic posten, voordat andere forumleden gereageerd hebben, heet "bumpen". Omdat het opdringerig overkomt is bumpen pas na 24 uur toegestaan. Bumpen kan een reden zijn voor de admins en mods om een topic te sluiten. Gebruik het
knopje om je tekst aan te passen indien nodig.
Twee of meer keer achter elkaar in een topic posten, voordat andere forumleden gereageerd hebben, heet "bumpen". Omdat het opdringerig overkomt is bumpen pas na 24 uur toegestaan. Bumpen kan een reden zijn voor de admins en mods om een topic te sluiten. Gebruik het
knopje om je tekst aan te passen indien nodig.Met de regel "font-size: 0px;" is het opgelost.
Gewijzigd op 01/01/1970 01:00:00 door Scrptr
Niek schreef op 22.01.2008 16:58:
Het heeft bij mij wel eens geholpen.
Maar waarvoor heb je dit?
Maar waarvoor heb je dit?
Code (php)
1
2
3
4
2
3
4
*{
margin: 0px; /* px hoeven er eigenlijk niet achter als er een 0 staat */
padding: 0px;
}
margin: 0px; /* px hoeven er eigenlijk niet achter als er een 0 staat */
padding: 0px;
}
Dit hoor je eigenlijk standaard te gebruiken in je css stylesheet.
Zorgt ervoor dat alle paddings en margins op 0 komen, zodat je met een soort van schone lei begint. Die auto erachter zorgt ervoor dat alles standaar gecentreerd word, tenzij je iets anders opgeeft.
Die margin: 0px auto; moet je alleen op je container toepassen om je gehele site te centreren. Dus niet bovenaan zetten.
@TS, Je gebruikte geen paddings en margins, dus wat hier stond heeft geen nut.
Volgens mij ondersteund IE ook geen max-heigt en moet je daar wat anders voor verzinnen. Zet voor de grap eens een margin in je css, dus dat die bij allebei 0 moet zijn en kijk wat hij dan doet.
Gewijzigd op 01/01/1970 01:00:00 door J V