Får ikke siden slik jeg vil(CSS)

audun1 · 3. august 2006

Hei.

Prøver meg på en ganske rein CSS side bare for trening.

Problemet er jo at siden ikke vil bli helt som jeg vil.

Opera:

IE:

Her er CSS'en:

/* CSS Document */
body {
background-color:#999999;

}
.header {
background-image:url(images/header.jpg);
border: 2px solid black;
height: 70px;
color:#FFFFFF;
margin:0px;
padding:0px;

}
.firm_name {
margin: 0;
padding: 0;
padding-top:0.5px;
padding-left: 2px;
}

.header_slag {
text-align:right;
padding-right: 7px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin: 0;

}
.container {
border: 1px solid black;
background-color:#FFFFFF;
min-height: 200px;
}
.menu {
float:left;
width: 200px;
text-align: center;
padding-left: 3%;
padding-right: 3%;
border-right: 1px solid #333333;

}

.content {
float:left;
width: 400px;
}

.info {
border-left: 1px solid #333333;
}
.footer {
text-align:center;
border-top: 1px solid #333333;
}

HTML:

<!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>Untitled Document</title>
<link href="stil.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class="header">
<div class="firm_name">
<h2>Tittel</h2>
</div>
<div class="header_slag">
Slagord eller annet 
</div>
</div>
<div class="container">
<div class="menu">MENU</div>
<div class="content">CONTENT</div>
<div class="info">INFO</div>
<div class="footer">FOOTER</div>
</div>
</body>
</html>

Der som det står slagord er helt riktig i IE, men siden har ikke den høyden den skal ha ( min-height: 200px; )

Så egentlig så er siden helt perfekt i IE etter som jeg har tenkt meg. men det er i Opera som det stopper.

Noen tips til meg ?

Takker meget.

mvh Audun

Kannutt · 3. august 2006

IE tolker ikke min eller maks height.

Dersom du gir firmaname og slagord en definert bredde (som til sammen blir under total bredde), og legger Position: relative; og float: left; på den første og position: relative; og float: right; på den andre, så tror jeg det vil ordne seg.

Endret 3. august 2006 av Kannutt

nree · 4. august 2006

Legg til diverse style i

<!--[if IE]>
<style>
style
</style>
<!--[endif]>

Da går det ikke utover firefox, opera osv..

audun1 · 4. august 2006

Hei.

Gjorde slik som Kannutt sa, men da kommer tittel og slagord i samme høyde.

Hvordan kan jeg da få del de opp, men utenatt header bilde begynner på nytt?

Takker meget for svar.

Kannutt · 4. august 2006

Hei.
Gjorde slik som Kannutt sa, men da kommer tittel og slagord i samme høyde.

Hvordan kan jeg da få del de opp, men utenatt header bilde begynner på nytt?

Takker meget for svar.

6614713[/snapback]

Legg til clear: left; på slagordet.

audun1 · 5. august 2006

La inn en <br> mellom tittel og slagord det fungerte fett hehe

Logg inn

Får ikke siden slik jeg vil(CSS)

Anbefalte innlegg

audun1

Videoannonse

Kannutt

nree

audun1

Kannutt

audun1

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer