Placera divar jämte varandra

Hej på er.

Jag är värdelös på CSS kom jag nyss på. Jag borde kunna detta men tydligen lyckas jag inte. Det jag vill göra att att få tre stycken divar att placera sig jämte varandra.

Som på denna bild:

Jag har inte lyckas komma så långt då sidan förtörs på olika sätt när jag försöker få till en lösning. Jag har gjort en div tränings sida där jag leker lite. Kolla här: http://www.lpmaxi.com

Så finns det någon som kan förklara hur man får tre divar att vara bredvid varandra och om Div ett blir 1000 PX hög och mitten diven bara 400 och den tredje längst till höger bara kanske 100 px så ska domvara jämte varandra.

float left och en bestämd width.

Det gick nästan. resten av sidan hänger inte med ner när divarna blir lite höga.

kolla på http://www.lpmaxi.com

Lägg in en clear: both i en extra div mellan dom.

Nu hänger jag inte med. Var skall jag lägga en extra div med clear: both; ?

efter dina 3 divar, lägg in en till div som har css: clear: both;

Mellan footern och 3:e diven

red:

Kan ju rekommendera att du läser: http://www.subcide.com/tutorials/csslayout/

Sådär ja. Nu börjar det likna något. Jag ska läsa guiderna på länken du tipsade om.

Tack för hjälpen.

Man kan lägga en <br /> med en css klass innehållandes clear:both också. Tycker det är bättre än en tom div.
Brukar köra med det. <br class="clear" />

man kan även köra overflow: hidden så slipper man ett extra element i huvudtaget, men blir offtast lite mer problem, <div /> fungera i FF men inte IE.

Div eller br är en smaksak, br ger en extra radbrytning vid kopiering viilket jag inte är förtjust i ;)

Men om du använder ett div element så har du ett helt tomt divelemet som bara ligger där, vilket känns överflödigt, men som sagt smaksak :)

En annan sak som jag ogillar är ju att <br /> är en line-break dvs för att bryta texter + den kommer generera en onödig line-break vilket kan resultera att du måste göra om din CSS ännu mer att sätta font-size och andra egenskaper, som sagt du behöver inte ens köra med en clear: both om du kör en overflow: hidden, vilket kan ge framtida problem, men då slipper du att ha ett extra element av en div eller en br. Detta är lite överkurs, jag har en svensk blogg om detta men just nu hittar jag bara quirkmodes artikel om det: http://www.quirksmode.org/css/clearing.html

Du använder det du tycker fungera för dig, en div är ju ändå en diverse-element så den är inget specifikt, vi väntar nu bara på html5 så vi kan skapa elementet <clear> ;)