<div> ved siden af hinanden

float:left burde være det du tænker på:
<div style="width:200px;float:left">Div 1</div>
</div style="width:200px;float:left">Div 2</div>

Det var sq den, skovenborg. Men der er et lille problem nu, og det er, at teksten nu står øverst i <div>'en, og ikke i midten. Som i <td valign="middle">

Som i <td valign="middle">Tekst</td>

Hvis du kan hjælpe mig med omskrivning af det nedenstående, sætter jeg gerne point op. Jeg vil gerne undgå de nestede tables videst muligt. Kan det lade sig gøre? Jeg har lavet det, som det skal stå, men med 2 tables.

            <td>
                <table border="0" cellpadding="0" cellspacing="0" style="width: 100%;">
                    <tr>
                        <td><div align="center"><span class="h22a">vigbio.dk</span></td>
                        <td align="right" valign="middle" style ="width: 488px; padding: 10px 10px 10px 10px;"><a href="/vigbio/" onfocus="this.blur();"><img border="0" src="/vigbio/graphics/vigbio_logo.jpg" alt="Film skal ses i biografen!" style="height: 60px; width: 468px;"></a></td>
                    </tr>
                </table>
                <table border="0" cellpadding="0" cellspacing="0" style="width: 100%;">
                    <tr>
                        <td id="borderbg">
                            <table border="0" cellpadding="0" cellspacing="0" style="width: 100%;">
                                <tr>
                                    <td style="width: 138px; height: 26px;"></td>
                                    <td id="divider"></td>
                                    <td align="center" style="width: 240px;">
                                        <script type="text/javascript" language="JavaScript">
                                            <!-- Dato start
                                                document.write(ugeDag[nu.getDay()] + " den " + nu.getDate() + ". " + maaned[nu.getMonth()] + " " + [nu.getFullYear()])
                                            // Dato slut -->
                                        </script>
                                    </td>
                                    <td id="divider"></td>
                                    <td align="center" style="width: 120px;">Uge <%=DatePart("ww",date(),vbMonday,vbFirstFourDays)%></td>
                                    <td id="divider"></td>
                                    <td style="width: 120px;" align="center" id="uret" class="text11"></td>
                                    <td id="divider"></td>
                                    <td align="center" style="width: 133px;"><% If Session("username") <> "" Then %><a href="/vigbio/dolog.asp?logout" onfocus="this.blur();" style="width: 100%; padding: 0px 0px 0px 10px; display: block;"><small><b>LOG UD</b></small></a><% Else %><a href="/vigbio/admin/login/default.asp" style="width: 100%; padding: 0px 0px 0px 10px; display: block;" onfocus="this.blur();"><small><b>LOG IND</b></small></a><% End If %></td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </td>

Det kan du ikke lave i en div uden lidt fiksfakserier.
Dvs. med Opera og Mozilla/Firefox kan man godt, i css:
div {vertical-align: middle; display: table-cell}
Men det forstår IE selvf. ikke, ved du hvor meget teksten fylder, så kan du bruge ved at  sætte padding-top på, f.eks.
div {padding-top: 180px}
Husk at sætte geight på din div.

Eller du kan bruge javascript til det.
Se koden på http://ellentoft.1go.dk/eksperten/vertical.htm

Hej knudgert. Det ser fornuftigt ud, men jeg vil gerne have:
Tabelbredde: 755px;

RÆKKE 1
1 celle, bredde: 267 px;
1 celle, bredde: 488 px;

RÆKKE 2
1 celle, bredde: 138px;
1 celle, bredde: 1px;
1 celle, bredde: 240px;
1 celle, bredde: 1px;
1 celle, bredde: 120px;
1 celle, bredde: 1px;
1 celle, bredde: 120px;
1 celle, bredde: 1px;
1 celle, bredde: 133px;

Hvordan kan det sættes ind mellem <td></td>, uden at det skal lægges ind i 2 tabeller? Det er ikke nogen katastrofe, hvis det er meget besværligt, men det ville være rart at undgå de mange tabeller, hvis det kan lade sig gøre.

Højden på række 2 er 26px; og det er lagt ind i CSS. Længden på begge rækker er 755px;

Hvis teksten skal stå i midten i alle cellerne vil det letteste helt klart være at bruge tables. Men du skal vel ikke lave to tabeller for de to rækker - én må da være nok...

...og undskyld jeg er så langsom ;-)

10-4 :o) Nej, én er nok. Dette er også mere en øvelse i at lave det uden alt for mange tabeller. Det kan ikke lade sig gøre at putte det ovenstående ind mellem <td></td> uden brug af yderligere tabeller?

Har kigget lidt på det, men du kan godt få lidt problemmer hvis det er vigtigt teksten i alle tilfælde står i midten - altså hvis du vil skære ned på tabellerne. Den nederste række kunne i teorien godt være to div's ved siden af hinanden ligesom den øverste også godt kunne, men hvis du vil have teksten i midten skal du begynde at rode med lidt padding i de enkelte div-bokse - hvilket samtidig kræver at teksten ikke varierer alt for meget fra side til side.

Ok, jeg dropper det. Formålet var som sagt at lære det, men i dette tilfælde overstiger besværlighederne langt udbyttet af det.

skovenborg, knudgert, kan I ikke begge lægge et svar? Og tak for indsatsen :o)

skovenborg, knudgert, lægger I et svar?

hovsa, jo værsgo' :-)

Takker :) Venter lige på knudgert - KNUDGERT, svar så! :)

knudgert, jeg lukker spørgsmålet næste lørdag (13/11). Hvis ikke du har svaret inden, må du lige henvende dig igen, hvis du vil have dine 30 point :)

Du råber højt, hvis du vil have dem, knudgert. Tak for hjælpen til begge :)