login  Naam:   Wachtwoord: 
Registreer je!
 Forum

div's over elkaar (Opgelost)

Offline clonedonkey - 23/12/2008 02:00
Avatar van clonedonkeyNieuw lid Ik heb het volgende probleem. Als je onderstaande website in firefox ziet werkt alles goed. het stukje header waarin de tekst"seriesvanvroeger" etc. staat loopt netjes links en rechts door in de achtergrond. Als je de website in IE 6+ bekijkt staat het stukje header met die tekst te ver naar beneden. Iemand enig idee wat het probleem kan zijn ? Kan er eigenlijk geen touw meer aan vast knopen. de stylesheet is te vinden op de url en dan /style.css

http://www. seriesvanvroeger .nl (even een niet klikbare url voor google)

10 antwoorden

Gesponsorde links
Offline HannaH - 23/12/2008 08:38
Avatar van HannaH MySQL interesse Zet eens je DIV "menu" binnen je "header" DIV
zodat je header je menu "wrapped"


Offline clonedonkey - 23/12/2008 12:46
Avatar van clonedonkey Nieuw lid werkt helaas niet. Achtergrond van menu komt dan bovenaan te staan i.p.v. eronder.
Offline roberini - 23/12/2008 12:51
Avatar van roberini HTML beginner Kan je een print screen maken van hoe het in firefox eruit ziet? Ik heb geen firefox hiero 
Offline HannaH - 23/12/2008 12:52 (laatste wijziging 23/12/2008 12:53)
Avatar van HannaH MySQL interesse in je stylesheet (css) kan je je Z-index aanpassen
zo komt je menu boven je header te staan


zie http://www.site...amp;id=210

hoe hoger je index ..... hoe hoger je div komt te staan
Offline clonedonkey - 23/12/2008 13:01 (laatste wijziging 23/12/2008 13:02)
Avatar van clonedonkey Nieuw lid Heb ik geprobeerd maar werkt ook niet. Hieronder even screenshots van IE en FF :

FF :

http://foto-hos...erieff.jpg

IE :

http://foto-hos...erieie.jpg
Offline HannaH - 23/12/2008 13:27
Avatar van HannaH MySQL interesse Het kan eigenlijk niet anders dan werken hé
als je DIVS nested zijn & ze op elkaar liggen (Z-index)


php code - Bekijk de code zonder highlighting - Klap code in 
  1. *{	margin:0px;	padding:0px;}


zet dit in je stylesheet dan zal je geen verschil meer hebben

anders moet je maar es je pagina & je css posten
Offline clonedonkey - 23/12/2008 13:31
Avatar van clonedonkey Nieuw lid Werkt helaas niet. Hieronder dan maar even mijn stylesheet en de bovenkant van de html code waar het om draait :

Plaatscode: 58195

Plaatscode: 58196
Offline zointer - 23/12/2008 13:42
Avatar van zointer HTML gevorderde het is normaal dat je header omlaag geduwd wordt, je hebt boven je header een div die 20px hoog is en je body background-image staat hierdoor niet juist tegenover je header.
Dus die background moet je 20px laten zakken via je grafische programma.
OF en hiermee is probleem opgelost.
Als je bij #header, margin-top:-20px; en bij #top_header position:absolute; toevoegt zal deze in ie goed weergeven, maar dan heb je een probleem met ff dus moet je hiervan een hack maken.
maak een nieuw css file en noem het ie.css, zet de volgende code er in;
css code - Bekijk de code zonder highlighting - Klap code in 
  1. #top_header {
  2.  
  3. 	position:absolute;/*toevoegen*/
  4. }
  5. #header {
  6.  
  7. 	margin-top:-20px;/*toevoegen*/
  8. }

Dan zet je onder je css link het volgende:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <!--[if ie]>
  2. 	<link rel="stylesheet" type="text/css" href="ie.css" />
  3. <![endif]-->
Offline HannaH - 23/12/2008 13:52
Avatar van HannaH MySQL interesse yep,

misschien beter in het vervolg direct je code plaatsen!

hopelijk raak je eruit
Offline clonedonkey - 23/12/2008 14:16
Avatar van clonedonkey Nieuw lid Kijk werkt prima bedankt !! Zal in het vervolg idd gelijk mijn code plaatsen is voor iedereen een stuk makkelijker idd.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.336s