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
  1. <div id="container">
  2. <div id="header">
  3. <div id="logo"></div>
  4. <div id="logo2"></div>
  5. </div>
  6. </div>


CSS
  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
  1. <div id="container">
  2. <div id="header">
  3. <div id="logo"></div>
  4. </div>
  5. </div>


css
  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
  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.204s