login  Naam:   Wachtwoord: 
Registreer je!
 Forum

ruimte tussen div's

Offline roy - 06/01/2008 21:15 (laatste wijziging 07/01/2008 14:02)
Avatar van royPHP gevorderde beste Allemaal,

Er zit ruimte tussen twee div's in internet explorer 6 en 7. In firefox heb ik dit niet, wat dus de bedoeling is...

zie: www.rdekleijn.nl

het gaat om de div: fotobar en globalheader..


Heeft iemand een tip??

Groeten,
Roy

3 antwoorden

Gesponsorde links
Offline Simax - 06/01/2008 21:31
Avatar van Simax Onbekend Code graag?
Offline roy - 06/01/2008 21:35 (laatste wijziging 07/01/2008 20:12)
Avatar van roy PHP gevorderde html:

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div class="fotobar">
  2. 		<img src="http://www.rdekleijn.nl/img/fotobar.jpg">
  3. 	</div> 	
  4.  
  5.  
  6. 	<div id="globalheader"	>
  7. 	<ul id="nav-example">
  8. 		<li id="nav-example-01"><a href="#"><span>Blog</span></a></li>
  9. 		<li id="nav-example-02"><a href="#"><span>Portfolio</span></a></li>
  10. 		<li id="nav-example-03"><a href="#"><span>Resume</span></a></li>
  11. 		<li id="nav-example-04"><a href="#"><span>Contact</span></a></li>
  12. 		<li id="nav-example-05"><a href="#"><span>Resume2</span></a></li>
  13. 		<li id="nav-example-06"><a href="#"><span>Contact2</span></a></li>
  14. 	</ul>
  15. 	</div>


css:

css code - Bekijk de code zonder highlighting - Klap code in 
  1. div.fotobar {
  2. 	padding: 0px;
  3. 	margin: 0px;
  4. 	height: auto !important;
  5. 	height: 150px;
  6. }
  7.  
  8. div.fotobar img {
  9. 	padding: 0px;
  10. 	margin: 0px;
  11. }
  12.  
  13. #globalheader {
  14. 	padding: 0px;
  15. 	margin: 0px;
  16. }


heeft iemand een oplossing?
Offline zointer - 07/01/2008 01:31 (laatste wijziging 07/01/2008 01:32)
Avatar van zointer HTML gevorderde
roy schreef:
html:
[code...]

Hmmmm...
op die site dat je aan geeft in je begin post is wel andere code hoor?
Zie
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div class="header">
  2.  
  3. 		<img src="http://www.rdekleijn.nl/img/logo.jpg">
  4. 	</div> 
  5. 	<img id="fotobar" src="http://www.rdekleijn.nl/img/fotobar.jpg"> 	
  6.  
  7.  
  8. 	<div id="globalheader"	>
  9. 	<ul id="nav-example">
  10. 		<li id="nav-example-01"><a href="#"><span>Blog</span></a></li>
  11. 		<li id="nav-example-02"><a href="#"><span>Portfolio</span></a></li>
  12. 		<li id="nav-example-03"><a href="#"><span>Resume</span></a></li>
  13.  
  14. 		<li id="nav-example-04"><a href="#"><span>Contact</span></a></li>
  15. 		<li id="nav-example-05"><a href="#"><span>Resume2</span></a></li>
  16. 		<li id="nav-example-06"><a href="#"><span>Contact2</span></a></li>
  17. 	</ul>
  18. 	</div>
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.185s