Notifikationer

Markér alle som læst Log ud

oergaard Nybegynder

02. september 2008 - 21:15 Der er 4 kommentarer og
1 løsning

DIV problem i FF/IE

Jeg er ved at lave en side, hvor jeg i topper, har en <div> hvor i der er endnu en <div> som skal indeholde nogle menupunkter.

Mit problem er at den anden <div> rykkes 10-12 px. ned i FF, men jeg ønsker den placeret øverst.

Jeg vil egentlig tro, at det er IE der fejlfortolker koden, men ikke desto mindre vises min side som ønsket i IE.

Problemet kan ses på http://thorup-oergaard.dk/exp/IE_FF_problem/

Hvordan løser jeg problemet så også den anden <div> placeres i toppen?

Synes godt om

oergaard Nybegynder

02. september 2008 - 21:17 #1

Koden til min HTML-fil
<?xml version="1.0" encoding="iso-8859-1"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da">
<head>
<title>:: DIV problem ::</title>
<style type="text/css">
html, body
{
margin: 0;
height: 100%;
}
body
{
font: 11px verdana;
}

#top_container
{
height: 120px;
width: 100%;
border-bottom: 1px solid black;
position: absolute;
z-index: 2;
}
#top_nav
{
height: 120px;
background: blue;
}
#top_nav ul
{
padding: 87px 0 0 0;
list-style-type: none;
}
#top_nav li
{
cursor: pointer;
padding: 5px;
margin-right: 10px;
background: red;
float: left;
}
</style>
</head>

<body>
<div id="top_container">
<div id="top_nav">
<ul>
<li>KNAP</li>
</ul>
</div>
</body>
</html>

Synes godt om

keysersoze Ekspert

02. september 2008 - 21:26 #2

så længe du har noget før din doctype kan du ikke forvente at din css bliver tolket korrekt.

Synes godt om

oergaard Nybegynder

02. september 2008 - 21:28 #3

<?xml version="1.0" encoding="iso-8859-1"?>

Er nu flyttet ned under min doctype, men det ændre desværre ikke problemet.

Synes godt om

ssv Nybegynder

02. september 2008 - 21:29 #4

Denne kode fungerer udemærket med nogle smårettelser :-)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>:: DIV problem ::</title>
<style type="text/css">
html, body
{
margin: 0; padding: 0;
height: 100%;
font: 11px verdana;
}
#top_container
{
height: 120px;
width: 100%;
border-bottom: 1px solid black;
position: absolute;
z-index: 2;
}
#top_nav
{
height: 120px;
background: blue;
width: 100%;
float: left;
}
#top_nav ul
{
padding: 87px 0 0 0; margin: 0;
list-style-type: none;
}
#top_nav li
{
cursor: pointer;
padding: 5px;
margin-left: 10px;
background: red;
float: left;
}
</style>
</head>

<body>
<div id="top_container">
<div id="top_nav">
<ul>
<li>KNAP</li>
</ul>
</div>

</body>
</html>

Synes godt om

oergaard Nybegynder

02. september 2008 - 22:18 #5

Tak for hjælpen.

Du må meget gerne kigge på på følgene spørgsmål også
http://www.eksperten.dk/spm/843995
På forhånd tak

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS