login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Css fout ?

Offline bertvanhees - 12/02/2008 16:08 (laatste wijziging 12/02/2008 16:12)
Avatar van bertvanheesOnbekend Hoi ik heb een probleempje,
Namelijk mijn css menu wordt niet mooi gegeven in IE7
Het is de bedoeling dat het menu rechts komt te staan mooi langs de tekst...

Kan iemand me helpen ?

Foto website

Hierbij de codes:

Css: Plaatscode: 5560

HTML Plaatscode: 5561

3 antwoorden

Gesponsorde links
Offline infiltrator - 14/02/2008 09:03
Avatar van infiltrator Nieuw lid Als je floats gebruikt , moet je in al je onderdelen dat naast elkaar moet staan , ook een float gebruiken , de dingen die erna dan eronder moeten staan , zonder float , daar moet je de float weg halen.

Dus je buttons container heeft een float en je wilt je teksts ernaast , dan met je voor je tekst container ook een float instellen.
voor je footer of eerst volgend onderdeel dat na die float komt , moet je een clear: (left - right of both ) ingeven zodat de float vanaf daar niet meer van toepassing is.
Offline bertvanhees - 14/02/2008 11:53 (laatste wijziging 14/02/2008 11:55)
Avatar van bertvanhees Onbekend Ik heb de volledige css even geplaatst dus
  1. .tekst {
  2. background-color: #FFFFFF;
  3. width: 734px;
  4. position: relative;
  5. margin: auto;
  6. left: auto;
  7. right: auto;
  8. height: 400px;


Moet float left bij staan ?

Hier zie je de volledige css:

Plaatscode: 5588
Offline infiltrator - 14/02/2008 12:34 (laatste wijziging 14/02/2008 12:35)
Avatar van infiltrator Nieuw lid Ja , je plaatst ook daar een

  1. float: right;

Of een left , zoals je zelf wilt....
Je moet floats als een op z'n eigen bestaande box zien , die zich totaal niks aantrekt van alle andere code...
Dus als je tekst in een div class / id steek en je maakt derna nog een div class waarin je een float steekt , dan gaat deze class / id waarin de float zit , zich over de tekst zetten.

Zet je in je tekst ook een float , dan gaat die zich als een 2 de box gedragen die zich dan naast de andere float gaat zetten , tenzij , beiden samen, de width groter wordt dan de feitelijke breedte van het scherm.
Dan komen die onder elkaar te staan.

Als je in box1 float left neemt en in box 2 float right
dan gaat box 1 links in je scherm staan en box2 rechts.
Alle teskts die daartussen zit , gaat zich ook tussen de 2 boxen voegen ( of eronder , afhankelijk of je in dat gedeelte ook een float hebt ingesteld )

Als je box1 rechts float, en je box 2 links , dan gaat box2 links tegen aan je eerste float box

Dus de volgorde van je opmaak speelt ook een rol...

Als je in beide float left neemt , gaat box1 eerst links uitlijnen en der naast box 2
in beide float right, box2 helemaal rechts en box 1 er rechts tegen.

Dit alles staat normaal in iedere css boxmodel uitgelegd. ( tutorials )

Lukt het niet goed , gewoon spelen met die floats met verschillende div boxen , liefst met een border , leert je wel hoe alles zich gedraagd.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.248s