login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Float?

Offline Jeroen - 17/01/2005 20:10 (laatste wijziging 17/01/2005 20:11)
Avatar van JeroenOnbekend Ik ben nu helemaal in de war. Ik wil 2 divs naast elkaar. Maar het lukt niet. Hier is het voorbeeld: http://www.realphotoshop.nl/jeroen/weblog/lay/

HTML
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="container">
  2. 		<div id="header">
  3. 			<div id="logo"></div>
  4. 			<div id="logo2"></div>
  5. 		</div>
  6. </div>


CSS
php code - Bekijk de code zonder highlighting - Klap code in 
  1. /*------------------------------------
  2. |	HEADER / LOGO                     |
  3. ------------------------------------*/
  4.  
  5. #header {
  6.  
  7. }
  8.  
  9. #logo {
  10. 	background: url(images/index_02.gif) no-repeat;
  11. 	height: 74px;
  12. }
  13.  
  14. #logo2 {
  15. 	background: url(images/index_03.gif) no-repeat;
  16. 	height: 74px;
  17. }


Float:left en display: inline; werkt niet. Nog mogelijkheden?

6 antwoorden

Gesponsorde links
Offline remy - 17/01/2005 20:14
Avatar van remy PHP ver gevorderde vraagje: waarom heb je 2 containerdivs?
Offline Jeroen - 17/01/2005 20:16
Avatar van Jeroen Onbekend #container = van de hele site
#header = voor de header 
Offline remy - 17/01/2005 20:20
Avatar van remy PHP ver gevorderde ik maakte dan altijd voor die headerdiv als linkerdiv, en daar zet je een andere div in die je rechts uitlijnt, alleen kan de inhoud wel onder de rechterdiv schuiven.

html
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="container">
  2.         <div id="header">
  3.             <div id="logo"></div>           
  4.         </div>
  5. </div>


css
php code - Bekijk de code zonder highlighting - Klap code in 
  1. #header {
  2. position: relatieve;
  3. float: left;
  4. }
  5.  
  6. #logo {
  7.     background: url(images/index_02.gif) no-repeat;
  8.     height: 74px;
  9.     float: right;
  10.     position: absolute;
  11. }


zoiets..
Offline Gml - 17/01/2005 20:20 (laatste wijziging 17/01/2005 20:21)
Avatar van Gml HTML beginner
php code - Bekijk de code zonder highlighting - Klap code in 
  1. #header {
  2.  
  3.  
  4. 		}
  5.  
  6. 		#logo {
  7. 				background: url('images/index_02.gif') no-repeat;
  8.  
  9. 				height: 74px;
  10. 				width:264px;
  11. 				float:left;
  12. 		}
  13.  
  14. 		#logo2 {
  15. 				background: url('images/index_03.gif') no-repeat;
  16. 				height: 74px;
  17. 				width:342px;
  18. 				float:right;
  19. 		}


dit werkt met je huidige html indeling
Offline Jeroen - 17/01/2005 20:28
Avatar van Jeroen Onbekend Danku Gml, eigenlijk heel logisch.
Offline Fenrir - 17/01/2005 20:32
Avatar van Fenrir PHP expert Dit is een goede tutorial over css layouts:
http://css.maxd...al0816.htm
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.226s