Hej
Jag sitter och filar på en uppdatering av min klubbs hemsida. Just nu är den uppbyggd av lite för många nästlade tabeller och jag vill gärna använda css istället för att göra den lite lättare att uppdatera osv.
Nu till problemet. Layouten ska vara samma som den tidigare . Jag har gjort ett upplägg på hur div:sen ska vara positionerade.
http://img181.echo.cx/my.php?image=layout9du.gif
Visserligen lyckas jag någorlunda men en sak stör jag mig på. När / om man har inaktiverat css så kommer texten inte att sorteras i rätt ordning. Menyerna kommer efter news och det borde ligga i samma ordning som när css är aktivt. Jag tror det beror på att jag använder float. Finns det någon väg runt detta? Jag hittar varianter på google men utan "rätt" sortering.
jarvkloMedlem sedan juli 20013 378 inlägg Välkommen till wF!
Om jag fattar dig rätt är du ute efter ordningen:
Header
Container
Submenu
Content
News
Sidebar
Footer
där indenteringar är tänkta "inneslutningar"
I så fall kan du utgå ifrån http://member.webforum.nu/2241/bottenfast_sidfot_plus_tvaspalt.html
och helt enkelt justera det som ligger inuti main ...
Du kan t.ex. dela upp den main två delar med samma metod som tvåspaltslösningen jag länkar till - float:left på den första (content i mitt exempel - motsvarar "news" i din skiss), och margin-left motsvarande den förstas bredd + moms på den andra (sidebar2 - motsvarar sidebar i din skiss)
Resultatet blir då detta (se kommentarer i CSS-delen av koden) http://member.webforum.nu/2241/bottenfast_sidfot_alternativ_med_trespalt.html
Notera hur de olika div-blocken ligger nästlade i varandra, inte bara för spalterna, utan också sidfoten och #belowthebottom - sidfotslösningen är lite speciell i just det exemplet jag utgick ifrån ;)
Många tack!
Får nog öva lite på att googla =)