Ik ben momenteel bezig met mijn nonkel zijn website in xhtml te zetten.
Maar ik zit met een probleempje. Ik heb een container gemaakt en hier steekt dus al mijn div's in. Maar nu dat ik net de content img wou invoeren ging deze uit de container, aloewel deze er toch inzit. Tot gevolg is dat mijn header niet meer doorloopt en al de rest. Iemand die mij kan helpen. Een foto van het probleem: http://www.fastwebdev.be/projecten/css.jpg
http://www.fastwebdev.be/projecten/mrsrose/index.htm
Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">Code:<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Mrs.Rose - Tea-room & Ijssalon</title> <style type="text/css"> body { background: #b18e90; font-family: "Tahoma"; font-size: 11px; color: #fff; padding: 0 0 0 0; margin: 0 0 0 0; } arrow { float: left; background: url(images/a.gif); width: 3px; height: 5px; } .container { } .header { position: relative; } .header .opmaak { position: absolute; background: #fdf3f1; width: 100%; height: 140px; } .header .logo { position: absolute; background: url(images/logo.png); width: 200px; height: 171px; z-index: 1; } .header .logotekst { position: absolute; background: url(images/logotekst.png); width: 453px; height: 66px; margin-left: 220px; margin-top: 62px; } .header .lijn { position: absolute; background: #8a6668; width: 100%; height: 2px; margin-top: 138px; } .menu { } .menu .opmaak { float: left; position: absolute; width: 250px; height: 100%; margin-top: 200px; } .menu .hetmenu { background: url(images/menu.png); width: 76px; height: 9px; margin-left: 50px; } .menu .hetmenutekst { width: 100px; height: 100px; margin-left: 67px; } .menu .navigatie { background: url(images/navigatie.png); width: 72px; height: 11px; margin-left: 50px; } .menu .navigatietekst { width: 100px; height: 100px; margin-left: 67px; } .content { position: relative; float: left; background: url(images/content.png); width: 723px; height: 553px; margin-top: 200px; margin-left: 250px; } </style> </head> <body> <div class="container"> <div class="header"> <div class="opmaak"> <div class="logo"></div> <div class="logotekst"></div> <div class="lijn"></div> </div> </div> <div class="menu"> <div class="opmaak"> <div class="hetmenu"></div> <div class="hetmenutekst"><br /> Home <br /> Info <br /> Fotos <br /> Gastenboek <br /> Contact </div> <div class="navigatie"></div> <div class="navigatietekst"><br /> Ontbijt <br /> Warme maaltijden <br /> Koude maaltijden <br /> Saladjes <br /> Snacks <br /> Drank </div> </div> </div> <div class="content">sd</div> </div> </body> </html>Alvast enorm bedankt!
- CSS probleem
-
15-01-2008, 18:47 #1
- Berichten
- 161
- Lid sinds
- 16 Jaar
CSS probleem
-
In de schijnwerper
Dé complete, ontzorgende Managed VPS v.a. €59,99 per maandHostingGezocht linkpartners en blogs DA20+ TF20+ | Ruil en Koop | Diverse branchesLinkpartnersOnline petitie platform sinds 2013 - +- 10.000 netto omzet p.jWebsite te koopColocatie aanbieding! - 1U COLO, 1Gbps UPLINK, 25TB TRAFFIC = €29 p/m !Hosting -
28-03-2008, 10:54 #2
- Berichten
- 93
- Lid sinds
- 16 Jaar
Ik zie geen fout.
In IE7 en FF loopt de header gewoon door.
alleen bij mij staat je contentvak links onder het menu.
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic