div posisjonering igjen...

fudun · 29. august 2004

Hei,

sliter som pokker med å få disse div tagene riktig plassert. Sånn det er satt opp nå, funker alt annet enn Firefox, og det er ikke bra nok...

Se sida her: www.lameducks.no/v2/main.php

html:


<html>
<headerkode>
<body>
<div class="ramme">
<div class="topp">
<ul id="mainmenu">
 <liste...>
</ul>
</div>
<div class="menu">
<ul id="submenu">
  <liste...>
</ul>
</div>
<div class="innhold">
<div class="shortcuts">
<p>Latest News:</p><div class="ska"></div>
<p>Gigs:</p><div class="ska"></div>
<p>New Downloads:</p><div class="ska"></div>
</div>

<div class="main"><h1>Working on a new design</h1>

<p>Nå begynner sida å ta form. Både hoved og undermeny er på plass og ser likt ut i de vanligste browserne. Må legge inn en pil eller et annet symbol som kan gjøre hovedmenyen litt tydeligere.</p>

<p>lorem ipsum...</p>
<h1>To be released with Duck Season</h1>
<p>Mer lorem ipsum</p>
</div>

</div>	
<div class="copyright">copyright...
</div>
</div>
</body>
</html>

CSS:


div.ramme {
background-color: black;
width: 996px;
margin: 0 auto;
border-style : solid;
border-width: 1px;
border-color: #fff;
}
div.topp
{
background-image : url(grafikk/headers/flame_plain.jpg);
height: 180px;
}
div.menu
{
position: relative;
background-image : url(grafikk/menu_bg/flame_plain.jpg);
}
div.innhold {
width:996px;
}
div.main {
float : left;
padding: 20px;
width:700px;
}
div.shortcuts {
padding: 10px;
float : right;
right: 0;
width : 220px;
background-color: #444;	
}
div.copyright {
background-image : url(grafikk/footers/flame2.jpg);
color: black;
width: 100%;
height: 35px;
padding-top: 5px;
font-size : 8pt;
text-align : center;
}

EDIT: Kan jo nevne at problemet ligger med plassering av footer. Hovedrammen stopper før innholdet rekker å begynne i firefox.

Endret 29. august 2004 av fudun

Haraldson · 29. august 2004

Legg til en <hr /> under alt innhold i <div id="ramme">, og style denne på følgende måte:

hr {
clear:both;
visibility:hidden;
width:100%;
}

fudun · 29. august 2004

Takk skal du ha, mr...

Plassert hr rett før copyright div'en, da ble det bra.

Uff... det er endel ekstra pes å style sider i XHTML1.1.

Logg inn

div posisjonering igjen...

Anbefalte innlegg

fudun

Lenke til kommentar

Videoannonse

Haraldson

Lenke til kommentar

fudun

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer