Notifikationer

Markér alle som læst Log ud

melange Nybegynder

26. april 2004 - 17:59 Der er 13 kommentarer og
1 løsning

tre kolonner

Her troede man at man havde fået styr på XHTML/CSS, men nu har jeg fatisk brug for hjælp :)
Jeg kunne sikkert bruge lang tid på at forklare mit problem, men jeg tror det er hurtigst at sige det på den her måde:

Nu når det er så korrekt at bruger <div>'s i stedet for tabeller, hvordan "oversætter" man så følgende kode til <div>'s:

<table width="100%">
<tr>
<td width="200"></td>
<td width="*"></td>
<td width="400"></td>
</tr>
</table>

Altså, jeg vil gerne have 3 kolonner, hvorom det gælder at:

1) Det er alle lige høje (forstiller mig, man sætter dem ind i en fælles <div>, og giver dem alle height: 100%; - Spørger dog fordi jeg ikke har fået det til at virke)

2) De to i kanterne har en fast brede, men den i midten bare fylder "resten af pladsen" ud.

Har siddet og nørklet med det her længe uden held :/

på forhånd tak

// Arvid Böttiger

Synes godt om

lordhead Nybegynder

26. april 2004 - 18:09 #1

Jeg ved ikke rigtigt om denne artikel har rellevans for dit spørgsmål, men jeg mener at den beskriver meget grundigt hvordan du får 2 div's (evt. left- og rightmenu), til at fylde det hele ud om man må sige det sådan.

Desuden vil jeg da også råde dig til at kigge på alistapart ofte, da de har nogle meget nyttige artikler der rellatere sig til alle webdesignere.

Synes godt om

knighten Nybegynder

26. april 2004 - 18:14 #2

Jeg kan ikke selv forklare dig det, da jeg sidder med samme spørgsmål. Men du kan prøve at kigge her: http://www.html.dk/tutorials/css/lektion12.asp
Lektion 12 og fremefter giver lidt et svar på hvad man skal gøre.

Synes godt om

melange Nybegynder

26. april 2004 - 18:15 #3

loardhead: hvilken artikel ? fandt godt nok lige ud af at http://html.dk/artikler/00043/ mit andet problem, men hvad med #1 ?

Synes godt om

roenving Novice

26. april 2004 - 18:34 #4

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Tomt dokument</title>
<meta name="keywords" content="søgeord adskilt af komma">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;padding:0px;}
#container{width:100%;height:100%;position:relative;background:pink;}
#right{height:100%;width:400px;background:lightblue;float:right;}
#left{height:100%;width:200px;background:lightblue;float:left;}
#middle{height:100%;background:transparent;text-align:center;}
</style>
<script language="javascript" type="text/javascript">

</script>
</head>
<body onresize onload>
<div id="container">
<div id="right"></div>
<div id="left"></div>
<div id="middle">Midten</div>
</div>
</body>
</html>

Synes godt om

roenving Novice

26. april 2004 - 18:44 #5

-- som du kan se, er det noget, jeg har lavet i html4.01, men det eneste xhtml ikke skulle æde af ovenstående er meta-tags ...

Synes godt om

xyborx Nybegynder

26. april 2004 - 18:48 #6

Jeg ved ikke om du kan bruge det til noget, men jeg eksperimenterer med noget lignende på www.xyborx.dk/test/

Desuden har www.linuxparty.dk også sådan et tre-kollonne design, men deres html+css er måske lidt for meget blandet sammen med irrelevante elementer.

Synes godt om

melange Nybegynder

26. april 2004 - 18:48 #7

roenving: mange tak, ende lig virkede det så :)
Men jeg forstår ikke hvorfor du siger XHTML ikke æder metatags ?
på min side (http://bottiger.com) bruger jeg da masser af meta-tags, men kan stadigvæk validere den som XHTML 1.1 -> http://validator.w3.org/check?uri=http%3A%2F%2Fbottiger.com

nå, men smider du ikke et svar ?

Synes godt om

roenving Novice

26. april 2004 - 18:51 #8

Mine metatags var ikke afsluttet ( ... /> !-)

-- og velbekomme '-)

Synes godt om

lordhead Nybegynder

26. april 2004 - 19:06 #9

melange > Det er ret pinligt, men her får du det (Havde åbenbart glemt at paste linket) http://www.alistapart.com/articles/fauxcolumns/

Synes godt om

roenving Novice

26. april 2004 - 19:07 #10

-- og iøvrigt var det med vilje, at jeg satte background transparent, da ie har en uheldig vane med at smide noget afstand omkring non-floats sammen med floats (Gecko har ingen problemer !-)

Synes godt om

olebole Juniormester

26. april 2004 - 21:32 #11

<ole>

Hvis man læser i W3C's arbejdspapirer, anbefaler de brug af tabeller til tabuleret tekst - og tekst i kolonner :)

/mvh
</bole>

Synes godt om

mik789 Nybegynder

27. april 2004 - 07:26 #12

melange> lidt sent ude... men her har du i hvert fald ét gennemarbejdet forslag: http://bluerobot.com/web/layouts/layout3.html

ole> har du et link? det kunne være rart at se W3C tage stilling i tabelkrigen.

Synes godt om

olebole Juniormester

27. april 2004 - 16:56 #13

Læs deres white-papers, mail-lister og arbejdspapirer, som danner grundlaget for rekommendationerne (De ligger under www.w3.org). Det er faktisk enormt interessant og giver en god indsigt i, hvad de selv ser som meningen med deres arbejde.

F.eks. bliver http://www.csszengarden.com ofte fremhævet som et prægtigt eksempel på 'container/CSS-design' ... uagtet, den er lavet i direkte modstrid med baggrunden for - og meningen med - CSS :)

Jeg læser jævnligt i dem, men samler ikke links, mens jeg læser :)
/mvh

Synes godt om

roenving Novice

27. april 2004 - 22:31 #14

Tak for point ;~}

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS