CSS problem..
Hejsa,Jeg er forholdsvis ny til CSS - og sidder og roder med et design jeg har lavet i photoshop - førhen satte jeg hele lortet op i tables, men jeg vil lære at bruge divs...
Problemet er at jeg jo har lavet det design der, og sliced det i 4 stykker.. top, bund og midte. Jeg har så et 4. slice, som er "middle_bg", således at jeg kan scrolle ned uden at billedet gentager sig. I min css-film virker dette KUN hvis jeg sætter min wrap til float: left;
men gør jeg det, ja så kommer hele siden logisk nok til at sidde helt ude i venstre side, selvom den skal være i midten.. Sletter jeg float: left; fra wrappen, ja så vises siden da godt nok i midten, men "middle_bg" gentages ikke..
Her er html:
<!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="en" lang="en">
<head>
<title>Design</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<!-- Herunder starter wrappen -->
<div id="wrap">
<!-- Herunder starter toppen -->
<div id="top"></div>
<!-- Herover slutter toppen -->
<!-- Herunder starter midten -->
<div id="middle">TEKST!</div>
<!-- Herover slutter midten -->
<!-- Herunder starter bunden -->
<div id="bund"></div>
<!-- Herover slutter bunden -->
</div>
<!-- Herover slutter wrappen -->
</body>
</html>
HER ER CSS:
body {
margin: 0px 0px 0px 0px;
background-image: url("bg.jpg");
background-repeat: repeat-x;
background-color: #550000;
}
#wrap {
background-image: url("images/middle_bg.jpg");
width: 1200px;
margin-left: auto;
margin-right: auto;
float:left;
}
#top {
background-image: url("images/top.jpg");
width: 1200px;
height: 136px;
float: left;
}
#middle {
background-image: url("images/middle.jpg");
background-repeat: repeat-x;
width: 1200px;
float: left;
}
#bund {
background-image: url("images/bund.jpg");
width: 1200px;
height: 45px;
float: left;
}
Jeg sidder og roder med det LIGE NU, og vil gerne videre - så 200 point til den der kan hjælpe mig med en løsning, og andre råd :)
