Avatar billede goose Nybegynder
14. august 2008 - 20:33 Der er 13 kommentarer og
1 løsning

Tabel med 3 kolonner i 100% bredde

Jeg sidder og stirrer mig blind på det her.

Jeg skal have lavet en tabel med 3 kolonner

Den midterste kolonne skal have en fast bredde på 800px, have hvid baggrund og være centreret.

Kolonnerne i hver side skal så fylde resten af skærmopløsningen ud og den vesntre kolonne skal have blå baggrund, og den højre skal have rød baggrund.

Endvidere skal det virke i alle browsere.

Det haster en del da jeg skal afleverer i morgen, derfor det måske høje pointantal.

/Goose
Avatar billede ssv Nybegynder
14. august 2008 - 20:39 #1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ingen titel</title>
</head>

<body style="margin: 0;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td style="background: blue;">&nbsp;</td>
    <td style="width: 800px;">&nbsp;</td>
    <td style="background: red">&nbsp;</td>
  </tr>
</table>
</body>
</html>


Fungerer hos mig :-)
Avatar billede goose Nybegynder
14. august 2008 - 20:51 #2
Takker, det var jo ganske elementært, men ikke når man er mega træt :o/

/Goose
Avatar billede ssv Nybegynder
14. august 2008 - 21:09 #3
Kender det godt ;-) Tak for point.
Avatar billede olebole Juniormester
14. august 2008 - 21:28 #4
<ole>

- men husk at skrive HTML 4.01 Strict, hvis du gerne vil skrive moderne kode  ;o)

/mvh
</bole>
Avatar billede ssv Nybegynder
14. august 2008 - 21:39 #5
Okay Ole, jeg må lige høre engang. Jeg er i lære som grafiker og har stadigt meget at lære. Det meste af min viden har jeg selv lært gennem adskillige forsøg og fejl, men den eneste ting jeg har fået af vide af skolen er Doc-typen. Vores lærer fortalte at XHTML Transitional "var vejen frem", og jeg har egentlig aldrig fået en forklaring på hvorfor - så derfor bruger jeg den altid ;-)

Så spørgsmålet er: Hvad er mest korrekt at bruge? Og hvorfor?
Avatar billede goose Nybegynder
14. august 2008 - 21:44 #6
Det gør jeg også olebole :o)

Det der drillede mig var tilsyneladende blot, at jeg ikke havde noget i mine TD'er i siderne, altså ingen &nbsp;, det kunne den sg* ikke lide.

/Goose
Avatar billede ssv Nybegynder
14. august 2008 - 21:50 #7
Jamen havde du selv løsningen skal du vel også beholde pointene. Vil du havde dem igen? :-)
Avatar billede olebole Juniormester
14. august 2008 - 21:59 #8
ssv >> Ja, der er desværre masser af IT-lærere, der ikke aner det første om det, de underviser i  :o|

XHTML 1.0 Transitional vil _aldrig_ blive parsed som HTML, men de ved din lærer sikkert ikke, da han formodentlig aldrig har læst, hvad W3C skriver om emnet  ;o)

Da XHTML 1.0 Trans ikke kan parses som andet end HTML, betyder det faktisk også, at 'XHTML' slutningerne: ' />' betyder noget helt andet!

<br /> burde under HTML (som er underlagt reglerne for SGML) faktisk renderes som <br>> - altså et br-element efterfulgt af '>' ... og sådan burde det altså også renderes under XHTML 1.0 Trans.

Først når XHTML 2.0 udkommer, får vi en XHTML-version, der nogenlunde overholder XML (som XHTML jo er et subset af) - men også kun nogenlunde!

XHTML 1.0 Trans indeholder ting, som blev deprecated under HTML 4.01 - herunder 'target' og 'iframe'. De ting hører hjemme under HTML 3.2 - hvorfor XHTML 1.0 Transitional er endnu mere sloppy end HTML 4.01  =)

Derudover er det i følge W3C ikke meningen, man skal bruge Transitional 'versionerne' mere end en kort overgang. Dvs. at både HTML 4.01 Transitional og XHTML 1.0 Transitional burde have være udfaset i begyndelsen af dette årtusinde  ;o)

Læs evt:
    http://www.eksperten.dk/artikler/537
    http://www.eksperten.dk/artikler/538
Avatar billede goose Nybegynder
14. august 2008 - 22:06 #9
ssv > nej det er ok, du beholder dem bare.

olebole > hold da kæft du er inde i tingene :o)

/Goose
Avatar billede ssv Nybegynder
14. august 2008 - 22:07 #10
Tak for det. Jeg vil i hvert fald begynde at læse de artikler - viden kan man jo aldrig få nok af :-)

Jeg kan se du kalder min markup for tussegammel i en anden tråd - hvad præcist er tussegammelt? Doc-typen eller bare den generelle markup?
Avatar billede olebole Juniormester
14. august 2008 - 22:14 #11
- ikke markup koden, men script koden. Koden i jQuery er ikke valid
Avatar billede ssv Nybegynder
14. august 2008 - 22:22 #12
Well, det var noget han selv har fundet ;-) Hvis der var nogle fejl i min kode ville jeg da meget gerne vide det. :-)
Avatar billede roenving Novice
15. august 2008 - 01:54 #13
-- og en tilgang, der sikrer maximal tilpasning til alle standarder kunne være:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Forskellig baggrundsfarve i hver side</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;background:red;}
#leftBackBody{height:100%;position:absolute;left:0;top:0;width:50%;background:blue;}
#site{height:100%;position:relative;width:800px;margin:0 auto;background:white;}
</style>
</head>
<body>
  <div id="leftBackBody">&nbsp;</div>
  <div id="site">
    <br><br><br>
    <h1 style="text-align:center;">Her placerer du hele sidens indhold</h1>
  </div>
</body>
</html>

-- jeg har som standard sat min doctype til 4.01 trans, men alle nugældende doctypes efter html3.2 vil give det samme (hvis man sikrer at browseren er i standards mode, dvs. husker dtd-linket i ældre browsere som IE 6 !-)

PS. Højden kan være et specielt problem, som jeg slet ikke har blandet ind i dette !o]
Avatar billede roenving Novice
15. august 2008 - 02:11 #14
-- en anden tilgang kunne være at bruge et baggrundsbillede, der var en 1px høj grafik på f.eks. 3000px bredde eller mere i halvt blå og halvt rød, centrere den i body og gentage den lodret !-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester