Gå til innhold

[Løst]Resize "<div>" i firefox

GrusommeGabriel

Anbefalte innlegg

GrusommeGabriel

GrusommeGabriel

Skrevet
Skrevet

Hallo, jeg har et problem med at siden min ikke resizer seg ordentlig i firefox, bakgrunnen følger liksom ikke med teksten.

 

 

Her er CSSen

#main {
width: 850px;
min-height: 500px;
background-image: url(images/content_bg.gif);
background-repeat: repeat-y;
}

.sidebar {
text-align: left;
float: left;
width: 250px;
color: #FFF;
font-size: 12px;
}


.main {
width: 600px;
float: right;
text-align: left;
color: #FFF;
font-size: 15px;
}

 

Og her er HTMLen

<link href="style.css" type="text/css" rel="stylesheet">
<div id="main">

<div class="sidebar">

</div>

<div class="main">

</div>
</div>

 

det funker fint i opera og IE men ikke firefox... noen forslag på hva som kan gjøres?

her er foresten en link til siden...

Lenke til kommentar

Videoannonse

Videoannonse
Annonse
Matsemann

Matsemann

Skrevet
Skrevet

aha, så ikke teksten. Den var tross alt hvit på hvit bakgrunn. :p

 

Det du trenger er en div med

clear:both;

før siste </div>

<link href="style.css" type="text/css" rel="stylesheet">

<div id="main">

 

<div class="sidebar">

 

</div>

 

<div class="main">

 

</div>

<div style="clear:both"></div>

</div>

 

Altså, en slags footer i bunn.

 

Merk at min-height ikke virker i IE6.

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...