Furcsa div probléma firefoxban
Hali!
Netezés közben egy oldalon találtam egy furcsa problémát, amely csak firexon (1.0.4) alatt jelentkezik. (Operában, IE-ben nincs vele gond)
A kérdéses rész:
Én már nem tudom mi a baja, mert logikailag jónak kellene lennie...
Nem????
■ Netezés közben egy oldalon találtam egy furcsa problémát, amely csak firexon (1.0.4) alatt jelentkezik. (Operában, IE-ben nincs vele gond)
A kérdéses rész:
<html>
<head>
<title>Untitled</title>
<style type="text/css">
.menu
{
width: 560px;
height: 30px;
background: gray;
}
.menu_belseje
{
width: 552px;
background: gray;
position: relative;
left: 4px;
top: 6px;
}
a.me:link, a.me:active, a.me:visited
{
font-size: 11px;
display: block;
padding: 2px;
text-align: center;
float: left;
margin-right: 1px;
text-decoration: none;
width: 91px;
background: #F1F1F1;
}
a.me:hover
{
background: #2161a5;
color: white;
text-decoration: none;
}
</style>
</head>
<html>
<body>
<div class="menu">
<div class="menu_belseje">
<a href="#" class="me">erer</a><a href="#" class="me">erer</a><a href="#" class="me">erer</a><a href="#" class="me">erer</a><a href="#" class="me">erer</a><a href="#" class="me">erer</a>
</div>
</div>
</body>
</html>
<head>
<title>Untitled</title>
<style type="text/css">
.menu
{
width: 560px;
height: 30px;
background: gray;
}
.menu_belseje
{
width: 552px;
background: gray;
position: relative;
left: 4px;
top: 6px;
}
a.me:link, a.me:active, a.me:visited
{
font-size: 11px;
display: block;
padding: 2px;
text-align: center;
float: left;
margin-right: 1px;
text-decoration: none;
width: 91px;
background: #F1F1F1;
}
a.me:hover
{
background: #2161a5;
color: white;
text-decoration: none;
}
</style>
</head>
<html>
<body>
<div class="menu">
<div class="menu_belseje">
<a href="#" class="me">erer</a><a href="#" class="me">erer</a><a href="#" class="me">erer</a><a href="#" class="me">erer</a><a href="#" class="me">erer</a><a href="#" class="me">erer</a>
</div>
</div>
</body>
</html>
Én már nem tudom mi a baja, mert logikailag jónak kellene lennie...
Nem????
meretek?
6 menupont van az 96px*6 540+36= 576px szeles. Menu belsejet 4px-szel eltolod tehat a menunek 580px szelesnek kene lennie.
valid
Doctype nincs, 2 <html> úgy elsőre.
Ezek után foglalkozhatsz azzal, h mi hogy jeleníti meg.
Maat
A padding volt a gond
Figyelj kicsit oda és validald le az oldalt (http://w3.org).
Doctype nincs, 2 <html> úgy elsőre.
Ezek után foglalkozhatsz azzal, h mi hogy jeleníti meg.
Maat
Ez nem egy egész oldal, soha nem is lesz az, csak egy példa. Bár abban igazad van, hogy valahogy sikerült két <html> betenni...