laag verspringt

Status
Niet open voor verdere reacties.

rob1970

Gebruiker
Lid geworden
14 jan 2012
Berichten
302
Ik heb voor de eerste keer met een laag gewerkt in dreamweaver, het is voor mij dus helemaal nieuw.

In dreamweaver staat het logo links gelijnd met de foto.
In safari staat hij een stuk naar rechts
In firefox staat hij nog verder naar rechts.

de pagina staat op lekkerrrbreda.nl

wie weet hoe ik dit links gelijnd kan krijgen.
graag in simpele taal, ben een beginner.

alvast reuze bedankt


groeten Robdreamweaver.jpg
 
Hé, de opmaak is intussen vervangen door een tabel-opmaak!

Maar als je te werk gaat met het "Stortkoker-model", dan kan er weinig mis gaat met het teveel naar links of naar rechts drijven van gefloate elementen.
D.w.z. beginnen de body een vaste breedte van 900px te geven, en de linker- en rechter-margin op "auto" zetten. De pagina staat nu altijd gecentreerd, en als je geen gekke dingen doet *) blijft alles binnen deze 900px.
Code:
body {
   width: 900px;
   margin: 20px auto;
   }
De body {text-align: center} is na de oertijd van Internet Explorer 5 gelukkig niet meer nodig: kan er uit.

Vervolgens kan je van boven naar beneden gaan werken:
  • Logo-div naar links gefloat.
  • Menu-div naar rechts gefloat.
  • Wowslider-div met een {clear: both} om er onder te komen.
  • enz.
Wel zo eenvoudig: weg met alle tabellen! :)

______
*) Géén apDiv's gebruiken, die hebben een absolute positie en verstieren vaak de zaak!
 
Laatst bewerkt:
het ontwerp is dermate aangepast dat dit niet meer actueel is.

maar wel bedankt voor de tip, dit kan ik in de toekomst altijd wel weer gebruiken
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan