Tabeless design (div/CSS)

Er det noget lignende det her, du skal bruge:

<div style="text-align:center;">
<div style="width:500px;text-align:left;">
  <div style="height:50px;">
  logo
  </div>
  <div style="margin-bottom:5px;height:30px;">
  menu
  </div>
  <div style="padding:10px;height:500px;margin-bottom:5px;text-align:center;">
  <div style="float:left;width:300px;height:100%;">
    indhold 1
  </div>
  <div style="float:left;width:150px;height:100%;">
    indhold 2
  </div>
  </div>
  <div>
  Adresse, Tlf, osv.
  </div>
</div>
</div>

Div. CSS styles/classes kan du selv sætte. Det kan sikkert gøres simplere, men ovenstående giver dig i hvert fald et eksempel på, hvordan et sideskelet kunne være bygget op uden tabeller.

Hvis du spørger mig, så er det ret fjollet at opbygge nodet der passer fint ind i en simpel tabelform ved at bruge divs. Det er langt sværere, der er flere problemer med inkompatibilitet mellem browsere, og når du efter timers bøvl og masen har genopfundet den dybe tallerken, så er du udseendemæssigt hvor du startede. Man kan bruge sin tid noget mere fornuftigt end det.

Jeg vil da klart kunne lave det design der hurtigere i div's end tables. Og inkompatibilitet? Så skal man da være lidt af en hat for ikke at kunne få det simple design til at spille mellem de fleste gængse browsere ;-)

Jeg tror nu det er bedst at lave det med semantisk markup, og browser kompabilitet er et spørgsmål om hvor øvet man er.

keen, du kan spare lidt på de textalign ved at gøre sådan:

<div style="width:500px;margin:40px auto 0px">
  <div style="height:50px;">
  logo
  </div>
  <div style="margin-bottom:5px;height:30px;">
  menu
  </div>
  <div style="padding:10px;height:500px;margin-bottom:5px;text-align:center;">
  <div style="float:left;width:300px;height:100%;">
    indhold 1
  </div>
  <div style="float:left;width:150px;height:100%;">
    indhold 2
  </div>
  </div>
  <div>
  Adresse, Tlf, osv.
  </div>
</div>

Mange tak for de fine svar - lav svar så jeg kan give point :)

jokkejensen >> du har ret. Så lærte jeg også lidt i dag. :-)

jaudk >> hvem skal ligge et svar?

Dem der syntes de fortjener point.. Men dig og jokke kan vel dele, hvis man har mulighed for det?

Ja, du kan sagtens dele point !-)

Hvis du markerer begge navne i den boks, der kommer nede til venstre, når nogen har svaret, vil de blive delt lige over, hvis du så trykker Acceptér, ellers kan du trykke på avanceret og så selv vælge at dele dem !o]

et svar fra mig...

Så mangler vi bare Jokke? :)