Uitlijning

Door Jurgen B op 27-11-2006 17:19

911 views

Hallo,

Ik zit met een heel raar probleem!!

Ik heb het volgende CSS bestand:
html, body {
margin: 0px;
padding: 0px;
height: 100%;
text-align: justify;
font-family: arial;
font-size: 0.85em;
background: url('gfx/bg.jpg');
background-repeat: repeat-y;
background-position: left left;
}

#container {
float: top left;
width: 790px;
height: 77px;
background: url('gfx/logo.jpg');
background-repeat: no-repeat;
}

#menu {
float: middle left;
width: 100%;
height: 18px;
vertical-align: middle;
color: #ffffff;
background: #069afe;
}
#balk {
background: #ED008C;
float: top left;
width: 100%;
height: 235px;
background: url('gfx/bg1.jpg');
background-repeat: no-repeat;
}

#content {
float: left;
width: 300px;
padding: 5em;
}

#table, td, tr {
font-size: 0.85em;
}

Nou is het echter zo dat er een probleem is met content. Namelijk in IE is de content ook echt 300px breed maar in FF is het ong 550px breed.

Ik heb echt al van alles geprobeerd maar ik zou echt niet weten waar de oplossing ligt. Iemand een idee?

PHP Newbie

27-11-2006 17:59

hoe heb je de div's op je pagina gezet?

Heb je een online voorbeeldje? Dat kijkt altijd wat gemakkelijker

Jurgen B

27-11-2006 18:03

Ik heb het nu al redelijk opgelost. Alleen nu krijg ik de contact gegevens niet meer naast de content!

Weet iemand hier een oplossing voor?
#container {
width: 790px;
border: 1px solid orange;
}

#container #content {
width: 528px;
margin-left: 55px;
margin-top: 15px;
margin-bottom: 15px;
}

#contaniner #contact {
float: left;
width: 195px;
}

<div id="container">
<div id="content">
<?php echo $content; ?>
</div>

<div id="contact">
Contactgegevens
</div>

</div>

Kalle P

27-11-2006 18:04

Ik heb nog nooit van een float:top left (om maar 1 ding te noemen) gehoord.

PHP Newbie

27-11-2006 18:06

je moet content ook de float left geven

[edit]
dus niet contact
[/edit]

Andreas Warnaar

27-11-2006 18:49

Probeer eens met classen te werken.. Ik weet niet pricies het verschil maar ik werk nooit met ID's in ID's




#contaniner #contact { <<======== Schrijffout? "container "
 
float: left;
width: 195px;
}

Jurgen B

27-11-2006 19:40

Het probleem is opgelost. Het zat ik moest container een float left geven!

Reageren

Inloggen om te reageren