Hva har jeg gjort feil her

Hva har jeg gjort feil her

Innleggav srb » tor 05.06.2008 0:41

Dette CSS oppsettet ser rigtig ut i forvisningen i DreamWeaver. Når jeg går på preview (Safari og Opera) flytter maincontent seg til venstre og leftsidemenu kommer ikke med. :-)


Kode: Merk alt
<!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=UTF-8" />
<title>Untitled Document</title>
</head>
<style type="text/css" media="screen">
<!--

body{
   margin:0px;
   padding:0px;
   background-image:url(file:///Macintosh%20HD/Users/macbookpro/URL/flower.png);
   background-repeat:no-repeat;
   background-color:#000000;
}

#container{
   margin:0 auto;
   text-align:center;
   position:relative;
   padding-right:30px;
   width:800px;
   height:700px;
   background-color:#FFFFFF;
   margin-top:0px;   
}


h1{
   color:#CCCCCC;
   font-family:Arial, Helvetica, sans-serif;
}

p{
   text-align:left;
   color:#666666;
   font-family:"Chaparral Pro";
   }

#header{
   text-align:right;
   padding-top:30px;
   padding-right:30px;
   position:relative;
   width:800px;
   height:80px;
   background-color:#006666;
   margin-top:0px;
   margin-left:0px;
}

#leftsidebar{
   text-align:center;
   position:relative;
   float:left;
   padding-top:30px;
   padding-right:30px;
   position:relative;
   width:150px;
   height:500px;
   background-color:#006666;
   margin-top:3px;
   margin-left:0px;
}

#maincontent{
   text-align:center;
   padding-top:3px;
   padding-right:30px;
   position:relative;
   width:620px;
   height:527px;
   background-color:#006666;
   margin-top:3px;
   margin-left:0px;
}

#footer{
   text-align:right;
   padding-top:3px;
   padding-right:30px;
   position:relative;
   width:800px;
   height:50px;
   background-color:#006666;
   margin-top:3px;
   margin-left:0px;
}

-->
</style>
<body>
<div id="container">
<div id="header"><h1>HAGELIV</h1></div>
<div id="leftsidebar"><p>Her</p></div>
<div id="maincontent"></div>
<div id="footer"><p> www.pedebe.hos.online.no</p></div></div>


</body>
</html>
medlem i 193 måneder
 

Re: Hva har jeg gjort feil her

Innleggav KDN » tor 05.06.2008 5:36

Du kan jo teste å bruke float på de andre ID'ene også, tror det skal løse problemet.

Moderator
Brukerens avatar
medlem i 235 måneder
 

Re: Hva har jeg gjort feil her

Innleggav TDSzevz » tor 05.06.2008 8:04

Ja som KDN skriver, du må nok ha float: left; på både menyen og content hvis de skal ståd ved siden av hverandre. Og hvis menyen havner for langt til venstre så får du sette opp en margin på det.

Brukerens avatar
medlem i 210 måneder
 

Re: Hva har jeg gjort feil her

Innleggav srb » tor 05.06.2008 8:33

Takk, strålende!! :bitchin:
medlem i 193 måneder
 

Re: Hva har jeg gjort feil her

Innleggav martin » søn 06.07.2008 14:07

Det kan være en god idé å gå gjennom disse artiklene for å mestre ulike css-teknikker bedre ;)

http://www.digital-web.com/types/web_design_101/

Administrator
Brukerens avatar
medlem i 249 måneder
 


Returner til CSS



Hvem er i Forumene

Registrerte brukere: Google [Bot]