html - Problem i IE - Udvikleren.dk - Programmering, webdesign og grafik

Tags: html css

Bruger #5846 @ 16.12.04 17:44

Jeg har lige lavet et design til ( mit nye website

) http://sieker.frac.dk, men det er meningen at alt sammen skal hænge sammen i en lang boks nedad. Det virker fint i Firefox, men i IE kommer der et mellemrum mellem mit logo og menuen...

Hvordan kan jeg rette på det?

Mit stylesheet (CSS) er her:

Kode

body {
	background-image: url(bg.jpg);
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

#logo {
	text-align: center;
}

#menu {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #9FB9C8;
	color: #FFFFFF;
	font-weight: 600;
	text-align: center;
	width: 590px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 5px;
	border-right-width: 5px;
	border-color: #6D8796;
	border-style: solid;
	font-size: 10pt;
}

#body {
	text-align: left;
	width: 570px;
	border-left-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 0px;
	border-top-width: 0px;
	border-color: #6D8796;
	border-style: solid;
	background-color: #FFFFFF;
	padding-top: 2px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 2px;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-weight: bold;
	text-align: left;
}

a {
	color: #6D8796;
}

a:hover {
	color: #9FB9C8;
}

a.menu {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: 600;
	font-size: 10pt;
	text-decoration: none;
}

a:hover.menu {
	color: #FFFFFF;
	text-decoration: underline;
}

Kildekoden til selve siden kan i jo selv finde ;-)

Jeg håber i kan hjælpe mig!

// Sieker

5 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 1 karma

Sorter efter stemmer Sorter efter dato

Bruger #1970 @ 16.12.04 18:05

Prøv det her:

Kode

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html>
<head>
	<title>Sieker's Website</title>
<meta name="generator" content="TSW WebCoder">
<style type="text/css">
body {
	background-image: url(bg.jpg);
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

#logo {
	text-align: center;
	height: 100px;
	width: 600px;
	margin: auto;
	background-image: url("logo.jpg");
}

#menu {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #9FB9C8;
	color: #FFFFFF;
	font-weight: 600;
	text-align: center;
	width: 590px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 5px;
	border-right-width: 5px;
	border-color: #6D8796;
	border-style: solid;
	font-size: 10pt;
}

#body {
	text-align: left;
	width: 570px;
	border-left-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 0px;
	border-top-width: 0px;
	border-color: #6D8796;
	border-style: solid;
	background-color: #FFFFFF;
	padding-top: 2px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 2px;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-weight: bold;
	text-align: left;
}

a {
	color: #6D8796;
}

a:hover {
	color: #9FB9C8;
}

a.menu {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: 600;
	font-size: 10pt;
	text-decoration: none;
}

a:hover.menu {
	color: #FFFFFF;
	text-decoration: underline;
}
</style>
</head>

<body>

<div id="logo">

</div>

<center>
<div id="menu">

<a href="http://sieker.frac.dk" class="menu">Forside</a> - News - WebLegeplads - Programmer - Links - Tagwall

</div>
</center>

<center>
<div id="body">
<h1>Velkommen til Sieker's website</h1>

<p>
Dette er mit personlige website, som egentligt mest er lavet til mig selv.
Jeg har tænkt mig, at lægge det jeg går og laver ud her.
Du er velkommen til at liste rundt på siden og se dig lidt omkring.
Siden er lavet til <a href="http://www.getfirefox.com">Mozilla Firefox</a>, så hvis du bruger Internet Explorer, kan siden  se lidt underlig ud.

</p>

</div>
</center>

<center>
<div id="menu">

© Tobias Grønborg Sieker, 2004. All rights reserved.

</div>
</center>

</body>
</html>

Bruger #5846 @ 16.12.04 18:20

Prøv det her:

Kode

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html>
<head>
	<title>Sieker's Website</title>
<meta name="generator" content="TSW WebCoder">
<style type="text/css">
body {
	background-image: url(bg.jpg);
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

#logo {
	text-align: center;
	height: 100px;
	width: 600px;
	margin: auto;
	background-image: url("logo.jpg");
}

#menu {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #9FB9C8;
	color: #FFFFFF;
	font-weight: 600;
	text-align: center;
	width: 590px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 5px;
	border-right-width: 5px;
	border-color: #6D8796;
	border-style: solid;
	font-size: 10pt;
}

#body {
	text-align: left;
	width: 570px;
	border-left-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 0px;
	border-top-width: 0px;
	border-color: #6D8796;
	border-style: solid;
	background-color: #FFFFFF;
	padding-top: 2px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 2px;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-weight: bold;
	text-align: left;
}

a {
	color: #6D8796;
}

a:hover {
	color: #9FB9C8;
}

a.menu {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: 600;
	font-size: 10pt;
	text-decoration: none;
}

a:hover.menu {
	color: #FFFFFF;
	text-decoration: underline;
}
</style>
</head>

<body>

<div id="logo">

</div>

<center>
<div id="menu">

<a href="http://sieker.frac.dk" class="menu">Forside</a> - News - WebLegeplads - Programmer - Links - Tagwall

</div>
</center>

<center>
<div id="body">
<h1>Velkommen til Sieker's website</h1>

<p>
Dette er mit personlige website, som egentligt mest er lavet til mig selv.
Jeg har tænkt mig, at lægge det jeg går og laver ud her.
Du er velkommen til at liste rundt på siden og se dig lidt omkring.
Siden er lavet til <a href="http://www.getfirefox.com">Mozilla Firefox</a>, så hvis du bruger Internet Explorer, kan siden  se lidt underlig ud.

</p>

</div>
</center>

<center>
<div id="menu">

© Tobias Grønborg Sieker, 2004. All rights reserved.

</div>
</center>

</body>
</html>

Nu kører rammen hele vejen, men menuen er stadig længere nede... Kan det rettes op på?

// Sieker

Bruger #1970 @ 16.12.04 18:25

Du mangler bare at fjerne dit image-tag fra din HTML kode

Bruger #5846 @ 16.12.04 19:09

Ups! Jeg havde lige glemt at uploade den nye index.php...

Tak for hjælpen!

Bruger #1970 @ 16.12.04 19:42

Det var så lidt

mfg / mit freundlichen grüßen
spoonie

Problem i IE

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler