Feil i koden? - Løst

Myklebust89 · 2. november 2004

Er det noen som ser noe feil i følgende stylesheet?

/* CSS Document */
html, body, table {
background-color:#FFFFFF;
color:#000000;
font-family:Tahoma, Verdana, Arial, sans-serif;
font-size:small;
}

#container {
margin:1em auto;
width:750px;
background-image: url(de/de.jpg);
background-repeat:no-repeat;
}

#header {
height:100px;
width:750px;
}

#content {
border:0px;
float:right;
height:400px;
width:650px;
padding:5px;
}

#menu {
height:400px;
width:100px;
float:left
}

a:hover {  font-family: Tahoma, Verdana, Arial, sans-serif; font-size: small; color: #cccccc; text-decoration: none}

Paddingen funker ikke som den skal, den gjør bare at hele #content flytter seg og blir teit.

EDIT: La til koden til index.php også...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>EideWorld v1 BETA</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css">
</head>

<body>
<body bgcolor="#000000" text="#FFFFFF" link="#000000" vlink="#000000" alink="#000000">

 <div id="container">
 <div id="header"></div>
 <div id="menu">
<ul>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
</ul>

 </div>
 <div id="content" class="main">
 <p><b>» Dummy-text</b><br><br>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent iaculis odio et magna. Quisque sed neque vitae sem vulputate suscipit. Nulla laoreet. In leo tellus, mattis at, euismod eu, vestibulum sit amet, lorem. Mauris malesuada feugiat erat. Donec ligula. Pellentesque sed enim. Curabitur et mauris. Aenean imperdiet, magna sit amet egestas tristique, arcu leo aliquet metus, eu vehicula risus ipsum in massa. Mauris vulputate eros a dolor. Pellentesque suscipit nibh fermentum tellus. Vestibulum ac mi. Pellentesque ut mi. Morbi tortor. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent volutpat. Pellentesque non tellus.<br><br>Maecenas dictum, pede sit amet commodo interdum, libero wisi dictum lectus, sed consequat lacus massa vitae tortor. Nam sit amet velit. Proin tortor. Curabitur feugiat eros at ipsum. Vestibulum ac magna eget arcu pellentesque posuere. In condimentum. Nulla at ligula. Maecenas dignissim ipsum et tortor. Etiam sapien. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean porta nonummy pede. Nunc molestie, metus convallis ullamcorper porttitor, turpis lorem scelerisque libero, in vulputate nisl mauris ut felis.</p>
 </div>

</body>
</html>

Endret 3. november 2004 av Burner89

funkweb · 2. november 2004

Hele flytter seg pga du skrev: float:left <-- mangler en ";"

FuLu · 2. november 2004

Problemet er at #content egentlig blir 660px bred, fordi padding-left og padding-right er 5px som blir 10px. En mulighet er å pakke inn #content med enda en div som du setter padding på:

<div id="content">
<div class="pad">
content inni her
</div>
</div>

I CSS skriver du f.eks #content div.pad { padding: 5px; } e.l. og dropper å ha padding i #content.

Eller så kan du rette opp CSS'en så det står width: 640px; i #content istedet. Husker ikke i farta hvilke nettlesere som adder padding på width, men tror ikke IE5.x adder, derfor er det lurest å ha den ekstra div'en synes jeg

Endret 2. november 2004 av FuLu

Myklebust89 · 3. november 2004

Problem løst.

Logg inn

Feil i koden? - Løst

Anbefalte innlegg

Myklebust89

Lenke til kommentar

Videoannonse

funkweb

Lenke til kommentar

FuLu

Lenke til kommentar

Myklebust89

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer