Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

margin-top van twee div's

3 antwoorden
  • Hallo, Ik heb twee div's naast elkaar geplaatst en eindelijk ook de footer op z'n plaats gekregen. Nu heb ik alleen een probleem met de margin-top van een van de div's. In Internet Explorer staan beide precies goed, maar Firefox laat één div verder van de top af zien dan de andere div, terwijl ze toch dezelfde css-stijlen hebben (afgezien van de float). Ik heb al even naar de omliggende div's gekeken en allerlei instellingen geprobeerd, maar ik krijg beide div's niet uitgelijnd in Firefox. Willem
  • We kunnen je niet helpen als we niet de code erbij krijgen, en liever nog een link naar een pagina online...
  • Dit is de css (html onderaan) body, html { color:#000; margin:0; padding:0; font:100% "Georgia"; background-color:#fff; } #container { position:absolute; width: 100%; background:url(bgboven.jpg) repeat-x; } #head { width: 800px; height: 260px; position: relative; margin: 30px auto; background:url(logowebsite.jpg) no-repeat; } #midden { width:100%; background-color: #F2F0E9; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -4em; } #voetnoot { height:75px; color:#ccc; font-size: 0.7em; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#fff; background-image:url(footer.jpg); background-position: center top; margin: auto; clear:both; } #nav1 {font-family: "Arial"; font-size:0.75em; margin:0; line-height:2em; text-align:center;} #menu ul {list-style-type:none;} #menu ul li {display:inline; padding-right:0.2em; padding-left:0.2em;} #menu ul li a {padding:6px; color:#fff;} #menu ul li a:hover {color:#ffffff; background-color:#7e7149; text-decoration:none;} #main { float:right; margin-top: 30px; width:540px; padding-bottom: 25px; font-size:0.9em; font-family: "Arial"; } #rechts { float:left; margin-top: 30px; width:230px; padding-bottom: 25px; font-size:0.9em; font-family: "Arial"; } #midden1 { width:800px; margin: auto; background-color: #F2F0E9; } #leeg { height:100px; } En dit de html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="nl"> <head> <title>[[weblogtitle]]</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="de kleibakkers, carnavalsvereniging, carnaval, haalderen, baggergat, 't baggergat, lingewaard" /> <meta name="description" content="Officiële website van carnavalsvereniging De Kleibakkers. Thuisbasis: 't Baggergat (Haalderen, Gelderland)." /> <meta name="robots" content="index" /> <meta name="language" content="dutch" /> <link rel="stylesheet" type="text/css" href="[[template_dir]]cssalgemeen.css" media="screen" /> <!--[if gte IE 5]> <link rel="stylesheet" type="text/css" href="[[template_dir]]cssie.css" media="screen" /> <![endif]--> </head> <body id="activehome"> <div id="container"> <div id="menu"> <ul id="nav1"> <li><a href="http://www.willembosma.nl/index.php" class="activehome">VOORPAGINA</a></li> <li><a href="http://www.willembosma.nl/pivot/entry.php?id=8&t=entrypage_werk.html" class="activewerk">FOTO'S</a></li> <li><a href="http://www.willembosma.nl/pivot/entry.php?id=10&t=entrypage_wieis.html" class="activewie">PRINSEN</a></li> <li><a href="http://www.willembosma.nl/subweblogs/links/index.php" class="activelinks">JEUGD</a></li> <li><a href="http://www.willembosma.nl/subweblogs/links/index.php" class="activelinks">GASTENBOEK</a></li> <li><a href="http://www.willembosma.nl/subweblogs/links/index.php" class="activelinks">AGENDA</a></li> <li><a href="http://www.willembosma.nl/emailform/" class="activecontact">CONTACT</a></li></ul> </div> <div id="head"> <div id="nieuws"> </div> </div> <div id="midden"> <div id="midden1"> <div id="rechts"> [[subweblog:standard]] </div> <div id="main"> [[subweblog:standard]] </div> <div id="leeg"> </div></div> <div id="voetnoot"> </div> </div> </body> </html>

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.