login  Naam:   Wachtwoord: 
Registreer je!
 Forum

divs verplaatsen

Offline Wickedd - 04/10/2009 14:51
Avatar van WickeddNieuw lid Hallo,
Ik ben bezig met een website en dat werkt allemaal mooi totdat ik een flash gallerijtje erin zet. In Dreamweaver zag alles perfect uit maar zodra ik hem in FireFox bekeek stonden alle afbeeldingen anders, terwijl deze in Internet Explorer weer perfect uit ziet.
Ik loop wel eens vaker tegen dit probleem aan. Hoe kan ik dit oplossen ?
( link : http://www.callofdutymw2.nl/Scripts/gallery.php )
- Yorick Toma

5 antwoorden

Gesponsorde links
Offline WebSmurf - 04/10/2009 15:39
Avatar van WebSmurf Nieuw lid ten eerste raad ik je aan terwijl je de site aan het maken bent iedere keer in IE en FF te checke.
divs kun je een positie geven met de volgende code:

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div style="position: absolute; width: 100px; height: 100px; z-index: 0; left:0px; top:0px">


met de commands left en top kun je ze een positie geven, zoals in het voorbeeld staan ze op nul dus links boven in de pagina.
laat even weten of het gelukt is

greetzz websmurfkuhhh  
Offline Wickedd - 04/10/2009 17:05
Avatar van Wickedd Nieuw lid Maar als ik hem in absolute zet dan krijg ik van die layers..
Die staan op elke resolutie anders..
Iets met CSS moet hier toch wel voor zijn of niet ?..
- Yorick
Offline WebSmurf - 05/10/2009 18:15
Avatar van WebSmurf Nieuw lid kunt dan weer de div in een div plaatsen die er als volgt uit ziet:

<div align="center" style="width: 100%;">

hier de gewenste div's

</div>
Offline Martijn - 05/10/2009 18:44
Avatar van Martijn Crew PHP nee zo:


<div id="container">

</div>

en dan in je css body width op 100%, en

#container geef je position:relative; margin: 0px auto;,
Offline Wickedd - 05/10/2009 20:30
Avatar van Wickedd Nieuw lid Helaas, beide werken niet..
Ik heb al m'n divs in dit gezet
<div align="center" style="width: 100%;">

</div>
en in m'n CSS code
php code - Bekijk de code zonder highlighting - Klap code in 
  1. #content {
  2. 	font-family: Arial;
  3. 	font-size: 13px;
  4. 	font-style: normal;
  5. 	background-image: url(images/tresavis_25.gif);
  6. 	height: 443px;
  7. 	width: 300px;
  8. 	position:relative;
  9. 	margin: 0px auto;
  10. }

Maar niks werkt..
- Wickedd
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.19s