Archief - Layout positie problemen

Ik ben nog steeds elke dag aan het bijleren om een layout deftig te "coderen".
we weten allemaal dat divs are the way to go burn tables etc.. etc..

Ik kom dus vaak nog eens frustrerende problemen tegen....
Maar ik veronderstel dat ik niet de enige ben, om dat ene stukje tekst nu precies daar of ginder te krijgen, of die background correct te krijgen. of in FF/safari/ etc klopt het wel maar in IE is heel mijn layout fucked

Zou van deze topic dus willen gebruik maken.

beschrijf wat uw bedoeling is, post uw code hoever je komt, en waar het dus misgaat. kunnen we samen gaan uitzoeken waar het probleem zit of misschien pak je het wel volledig fout aan.
Online voorbeeldjes UITERAARD meer dan welkom.

Ik zal hieronder van start gaan

----------------------------------
bedoeling: gecentreerde div, met een background y-repeat: om een "rand" weer te geven. daar in 3 divjes naast elkaar voor 3 verschillende onderdelen.
om die 3 divs naast elkaar te zetten gebruik ik dus floats, maar vanaf die floats erbij komen , dan vallen ze precies buiten mijn center div...

voorbeeld: heb alle overbodige code weggelaten
Transportcare

alvast bedankt, en hopelijk kunnen we hier elkaar veel frustrerende momenten besparen

Oplossingen:
- Onder uw gefloate divs zet ge <div class="dummy">&#160;</div met in uw css:
#dummy { clear: both; }
- float: left; op uw omringende div, maar dat gaat hier uw centreren naar de zak helpen
- overflow: auto; op uw omringende div, werkt normaal maar kan soms een ongewenste scrollbar veroorzaken.

De meestgebruikte methode is feitelijk de dummydiv.

Zero Grav zei:

Oplossingen:
- Onder uw gefloate divs zet ge <div class="dummy">*</div met in uw css:
#dummy { clear: both; }

Klik om te vergroten...

super, werkt perfect! :applause: had al met clear geprobeerd maar niet in zo'n dummy div.
bedankt voor de snelle reply Transportcare

Uhm ja, ik zie wel dat mijn code weer is aangepast. 'k Vergeet dat altijd dat dat verwerkt wordt door 't forum.

&# 160; gebruiken, zonder spatie als inhoud van die div dus.

Zero Grav zei:

Uhm ja, ik zie wel dat mijn code weer is aangepast. 'k Vergeet dat altijd dat dat verwerkt wordt door 't forum.

&# 160; gebruiken, zonder spatie als inhoud van die div dus.

Klik om te vergroten...

ah heb ik niet gedaan maar werkt dus ook. 160 zelfde als nbsp?

Ja, 't is gewoon omdat lege divs niet altijd gerenderd worden.

Zero Grav zei:

Oplossingen:
- Onder uw gefloate divs zet ge <div class="dummy">*</div met in uw css:
.dummy { clear: both; }
De meestgebruikte methode is feitelijk de dummydiv.

Klik om te vergroten...

doet dit <br clear='both' /> niet net hetzelfde?

Dan kunt ge beter een class geven aan <br /> voor inline css te vermijden.
Ik doe het ook zo.

Of er is natuurlijk ook de iets modernere manier.

Een goeie methode, daar niet van, maar dan zit ge weer met verschillende stylesheets te werken. Daarmee dat ik er gewoon geen fan van ben. Uiteindelijk komt het ook op hetzelfde neer, alleen voegt ge het dynamisch toe.

Adrianhates: potáto, potàto..

Beide methoden hebben uiteraard hun voor en nadelen.
Nuja verschillende stylesheets, oude IE's hebben meestal toch al een aparte stylesheet nodig, dus kan dat er ook wel bij.

j design zei:

Dan kunt ge beter een class geven aan <br /> voor inline css te vermijden.
Ik doe het ook zo.

Klik om te vergroten...

da is eigelijk geen css , dat is een attribute van <br />, maar het is wel deprecated...

en ja zero grav : tomàto , tomáto kwas er eigelijk niet 100% zeker van , het was zeker geen retorische vraag!