login  Naam:   Wachtwoord: 
Registreer je!
 Forum

[EDIT]DIVS mooi naast elkaar zetten (Opgelost)

Offline bennieboy - 31/03/2007 22:54 (laatste wijziging 31/03/2007 23:16)
Avatar van bennieboyHTML beginner hoe kan ik het gemakkelijkst 2 divs naast mekaar zetten. menu en content. ik heb de tutorial bekeken maar dat helpt mij niet veel verder

10 antwoorden

Gesponsorde links
Offline Ibrahim - 31/03/2007 22:58
Avatar van Ibrahim PHP expert
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div style="float: left;">
  2. tekst
  3. </div>
  4.  
  5. <div style="float: left;">
  6. tekst
  7. </div>
  8.  
  9. en als je een nieuwe rij wilt beginnen:
  10.  
  11. <div style="clear: both;"></div>
Offline bennieboy - 31/03/2007 23:11
Avatar van bennieboy HTML beginner ik heb een aparte div die de border weergeeft.
de breedte is 800px.
het content gedeelte heb ik ingesteld op 75%
het menugedeelte heb ik ingesteld op 25%

maar het menugedeelte overlapt de border. hoe kan da?
Offline kickasgamer - 01/04/2007 10:11
Avatar van kickasgamer PHP ver gevorderde doe miss width: 200px; voor het menu
en width: 600px; voor de content
Offline bennieboy - 01/04/2007 10:21
Avatar van bennieboy HTML beginner dat geeft hetzelfde prob
Offline kickasgamer - 01/04/2007 10:26
Avatar van kickasgamer PHP ver gevorderde ja, ik ben ook bezig met te leren om met div's te werken, maar ze zijn niet gemakkelijk te gebruiken vind ik

miss probeer eens voor die border 100 % en dan de rest ookin procenten 25 en 75 %
Offline CDNC - 01/04/2007 10:26 (laatste wijziging 01/04/2007 10:27)
Avatar van CDNC PHP ver gevorderde en wat als je 24% en 74% neemt?

hou er rekening mee dat als je padding/margin/border er aan toe voegt dat de breedte toe neemt
Offline bennieboy - 01/04/2007 10:26 (laatste wijziging 01/04/2007 10:29)
Avatar van bennieboy HTML beginner ja, ma mijn header is ma 800px als ik 100% zet dan heb je 1024px

in de weergavemodus va dreamweaver ziet er da toch ma raar uit:s
Offline ThAlmighty - 01/04/2007 13:44
Avatar van ThAlmighty HTML beginner je moet de breedte van je hoofd div 801 maken. IE neemt namelijk de pixels van je border af van de breedte van je scherm
Offline Dark_Paul - 01/04/2007 18:05
Avatar van Dark_Paul PHP ver gevorderde Geef je 'container' dan position: relative; mee.
Dan worden alle maten van de geneste-div's ten op zichte van de omringende div gemeten. 100% breedte wordt dus de maximale breedte van de omringende div.
Offline Orves - 02/04/2007 19:28
Avatar van Orves Nieuw lid wat Dark_Paul zegt is inderdaad de beste oplossing. IE en FF interperteren de breedte van de content in combinatie met een border inderdaad anders. FF pakt netjes de breedte van de content + de border breedte en IE haalt de borderbreedte er juist van af.

Hetzelfde voor het gebruik van padding binnen je div-box. Dezelfde pagina zal er dan heel anders uitzien in IE of FF. let hier dus goed op.

Mijn tip is dan ook om voor je hoofd DIVS zoals header , content en footer geen padding te gebruiken.

Fixed divs is altijd even een beetje rekenen en dan kom je er helemaal aan uit.

Cheers, Orves
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.189s