Blok gaat over plaatje heen in FF

Door Miniejjj op 12-02-2008 17:09

1.329 views

Hallo,

ik ben nog steeds een beetje bezig met Divjes, wat eigelijk helemaal nieuw is voor mij. Nu kom ik op de volgende 2 problemen.

In Firefox gaat het blok over het balkje van het menu heen. In IE is dit niet zo en zie je hem helemaal. Ik heb het al geprobeerd met margin-bottom: 2px; maar dit werkte niet. Kijk http://miniejjj.gratishosted.nl/v2/Fly-Net divs.htm

Mijn 2e probleem is dat ik de content niet naast mijn menu kan krijgen. Ik heb het geprobeerd met een position: absolute; en dan goed gezet, maar in FF is dat weer heel anders dan in IE. Ook dit gaat over http://miniejjj.gratishosted.nl/v2/Fly-Net divs.htm

Kan iemand helpen? Bedankt :)

jimmy Arts

12-02-2008 17:09

Klikbaar: http://miniejjj.gratishosted.nl/v2/Fly-Net%20divs.htm

- SanThe -

12-02-2008 17:12

Fly-Net divs.htm

Nooit spaties in bestandsnamen gebruiken.

Miniejjj

12-02-2008 17:12

O sorry, kan iemand er naar kijken?

Miniejjj

13-02-2008 15:22

Ik ben verder gegaan met de layout, maar in Firefox doet ie het niet goed en in Internet Explorer wel helemaal ( yay ). Dit is mijn code:


<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<style type="text/css">
* {
margin: 0px;
padding: 0px;
}


.header {
margin-bottom: 6px;
}

.menu {
position: relative;
padding:0px;
width: 250px;
margin-bottom: 0px;
}

.content {
border-style: solid;
border-width:1px;
border-color:#004880;
background-color:#e6f2fc;
width: 250px;
height:200px;
position: relative;
top: -4px;
}

.footer {
position: relative;
top: -4px;
width: 250px;
}

.midden {
margin-left: 256px;
margin-top: -480px;
}

.middencontent {
border-style: solid;
border-width:1px;
border-color:#004880;
background-color:#e6f2fc;
width: 644px;
position: relative;
top: -4px;
height: 455px;
}
</style>
<title>Fly-Net V2 - Homepage</title>
</head>

<body>

<!-- Header -->
<img border="0" src="header.png" width="900" height="153" alt="" class="header">

<!-- Menu 1 header -->
<div class="menu">
<img border="0" src="titel.png" alt="">
<!-- Menu 1 -->
<div class="content">
Deze site doet het niet in Firefox, kan iemand helpen.
</div>


<!-- Menu 1 footer -->
<div class="footer">        
		<img border="0" src="footer.png" alt="">
</div>

<!-- Menu 2 header -->

<img border="0" src="titel.png" alt="">
<!-- Menu 2 -->
		<div class="content">
       Alvast heel erg bedankt :)
		
</div>
<!-- Menu 2 footer -->
<div class="footer">        
<img border="0" src="footer.png" alt="">
</div>
</div>

<div class="midden">
<img src="titelcontent.png" alt="">
<div class="middencontent">
Goeiemoogle
</div>
</div>

</body>

</html>

Voorbeeld: http://miniejjj.gratishosted.nl/v2/Fly-Net%20divs.htm

Kan iemand het verbeteren?

Nu is het toch geen bump, er is bijna 24 uur voorbij... Sorry, ik weet niet waar de regels precies staan.

Stijn

13-02-2008 15:30

Ik weet wel dat als je 2 of meerder div's naast elkaar wilt dat je beter een container er omheen kan zetten. deze div relative geven en de rest daarbinnen volgensmij weer absolute.

Voor de rest telkens goed rekening houden met elkaar.
FF en IE doen bepaalde dingen anders beredeneren.

Miniejjj

13-02-2008 15:32

Oke, bedankt,

weet jij ook hoe ik dat het beste aan kan pakken? Veel mensen zie ik hier met float en padding werken, maar hier weet ik nog niet veel van, dus als iemand mijn code kan aanpassen, graag.
http://miniejjj.gratishosted.nl/v2/Fly-Net%20divs.htm
of zie code hierboven.

Reageren

Inloggen om te reageren