Gå til innhold

Siden vil ikke justere høyde etter innhold =s

hjahre

Anbefalte innlegg

hjahre

hjahre

Skrevet
Skrevet

Hei, holder på med et design nå, men har et kjempe stort problem som jeg ikke finner ut av :cry:

Saken er at sida ikke vil justere seg riktig i høyden.

Dette er sida.

Den vises absolutt ikke riktig i IE, men det er fordi den ikke støtter :before og :after taggene :p

 

Men hvertfall sånn her er css'n

Klikk for å se/fjerne innholdet nedenfor
body{
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
background:#F6E497;
}

#Wrapper{
position:relative;

min-width:80em;
margin: 0 auto;
}

#Top {
display:block;
height:1.2em;
content:close-quote;
background:#4C1B1B;
padding: 0 1.1em 0 1.2em;
margin: 0.2em 1.1em 0 1.2em;

position:relative;
}

#Bottom {
display:block;
position:relative;
bottom:0px;
height:1.1em;
background:#4C1B1B;

padding: 0 1.1em 0 1.2em;
margin: -0.2em 1.1em 1em 1.2em;

text-align:center;
vertical-align:middle;
color:#bd8d46;
}

#Main:before {
display:block;
content:url(../images/background_01.png);
height:1.1em;
background:url(../images/background_03.png) right top no-repeat;
/*border:1px #000000 solid;*/
margin:-1.2em 0 0 0;
position:relative;
}

#Main{
display:block;
position:relative;

color:#F6E497;

padding: 0 0;

height:100%;
}

#Main:after {
display:block;
position:relative;
top:0px;

background:url(../images/background_07.png) no-repeat bottom right;
content:url(../images/background_06.png);
height:1.1em;

margin: 0 0 -1.1em 0;
padding: 0 0;
}

#TopMenu:before {
display:block;
background:url(../images/menu_01.png) left no-repeat top;
width:11.2em;
height:2em;
margin: 0em 0 0 -11.2em;
padding: 0 0;
content: url(../images/menu_01.png);
text-align:right;
}

#TopMenu {
display:block;
min-width: 40em;
height:2em;
background:url(../images/menu_02.png) repeat-x top right;
content: url(images/menu_02.png);
position:absolute;
right:0px;

margin: -2em 0 0 0;
padding: 0 0;
}

#TopMenu ul {
margin: -1.5em 0 0 -9em;
color:#F6E497;
display:block;
}

#TopMenu ul li {
display:inline;

list-style:none;
padding: 0 1em 0 0.75em;
margin: 0 0 0 0;
border-right:#F6E497 solid 1px;
}

#TopMenu ul li:hover {
color:#4C1B1B;
cursor:pointer;
}

#Logo {
display:block;
width:20.8em;
height:8.1em;

margin: 0 0 0 0;
padding:0 0;

background:url(../images/logo.png);
content:url(../images/logo.png);
}

#Container {
display:block;
position:relative;
top:0px;
bottom:0px;
height:100%;

margin:0 0;
padding:0 0;
min-height:50em;
background:#4C1B1B;
}

#PageWrapper {
position:absolute;
top:0;
left:0;

margin: 0 22em 0 0;
padding: 0 1em 0 1em;
}

#PageTop:before {
display:block;
content:url(../images/corner_02.png);
height:1em;
text-align:right;
margin: 1px -1em 0 0;	
}

#PageTop {	
display:block;
background:#F6E497;
margin:0em 1em 0 0;
}

#Page{
display:block;
background:#F6E497;
margin: 0 0 0 0;
padding:0;

color:#000000;
}

#MenuContainer {
background:#4C1B1B;
display:block;

position:absolute;
top:0px;
right:0px;

width:20em;

/*margin: 0 1em 0 0;*/
padding:0 0 0 0;
}

#InnerContainer {
display:block;

position:relative;
bottom:0px;

/*margin:0;*/
padding:0;

background:#4C1B1B;
}

 

dette er html koden:

Klikk for å se/fjerne innholdet nedenfor
<body>

<div id="Wrapper">
<div id="Top">
</div>

<div id="Main">
 	
 <div id="Container">
 	<div id="Logo">
   
 	</div>
 	
 	<div id="TopMenu">
   <ul>
   	<li>hovedside</li>
   	<li>nyheter</li>
   	<li>om oss</li>
   	<li>kontakt oss</li>
   	<li>programmer</li>
   	<li>forum</li>
   	<li>web</li>                    
   	<li>utvikling</li>                    
   	<li>linker</li>
   	<li>søk</li>                                        
   </ul>
 	</div>  
                           
 	<div id="InnerContainer"> 
                               
   <div id="PageWrapper">
   	<div id="PageTop"></div>
   	<div id="Page">

                   </div>
   </div>  
               
               <div id="MenuContainer">
                   masse rart med sukker på =p
               </div>                                                            	
 	</div>
   	
  </div>
 
</div>

<div id="Bottom">
   	copyright © 2007
</div>
</div>

</body>

 

så hvis noen av dere veit hva som er feilen, så mottas det med takk ;)

 

MVH HJahre

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...