Notifikationer

Markér alle som læst Log ud

tatsudoshi Nybegynder

07. august 2003 - 18:48 Der er 10 kommentarer og
3 løsninger

CSS istedet for tables - Menu'en vil ikke fylde det hele ud?

Min test side: http://x-systems.no-ip.com/index.shtml

Jeg har for nyelig læst om at droppe tables helt og så bruge CSS til at lave den dejlige "Title-Leftmenu-Contens-Rightmenu" opsætning. Det synes jeg jo lød fedt for tables er alt for "stive" til at være gode. Jeg har så nu fået lavet det sådan at alle talbes er væk. Men nu kommer problemerne også frem. Hvis nu man gerne vil have at begge menu'er fylder hele siden ud nedaf, uanset hvor lang siden er, så skal man jo bruge noget med 100%, men ligemeget hvor jeg smider de 100% eller hvilke tags jeg burger så vil de ikke længere ned end til min skærms højde, nemlig 768px. Min midterside fylderi midlertid mere end de 768 så der kommer to store hvide "huller". Øv øv.

En anden ting er hvordan gør man hvis man nu gerne vil lave en side opsætning der hedder "Title-Leftmenu-Contens-Rightmenu-Underbox" ? Man kan se min "underbox" på linket hængende oppe over min title box.. det er jo minus fedt.

Links til w3shools.com og html.dk kan være ligetmeget for der har jeg været masser af gange. På forhånd tak for hjæpen.

Synes godt om

lordhead Nybegynder

07. august 2003 - 18:53 #1

Hvad siger du så til dette link: http://webdesign101.dk/artikler/lesstables.php ?

Synes godt om

tatsudoshi Nybegynder

07. august 2003 - 18:57 #2

Det ser ok ud.. jeg vil lige foretage mig noget læsning..

Synes godt om

lordhead Nybegynder

07. august 2003 - 19:02 #3

ok... god læselyst ;-)

Synes godt om

tatsudoshi Nybegynder

07. august 2003 - 19:24 #4

Jeg har måske læst lidt hurtigt, men synes ikke og kunne finde noget der kunne gøre at mine menu'er bruger al pladsen.. Jeg skal måske nok have et på et sølvfad.. :)

Synes godt om

lordhead Nybegynder

07. august 2003 - 19:31 #5

Jeg har set eksempler hvor menuerne fylder al pladsen... var bare lidt for doven til at finde det :)))

Synes godt om

roenving Novice

07. august 2003 - 19:42 #6

-- problematikken kommer af, at 100% betyder 100% af parents højde, så menuen skal være barn af den samme div, som dit hovedområde er !-)

Jeg har ikke selv nået at teste denne metode og der er nogle tvists omkring hvilket element som egentlig regnes som det element som fastsætter den omgivende højde ...

Synes godt om

tatsudoshi Nybegynder

07. august 2003 - 19:46 #7

ah det er div der sætter "box'ene"... oki jeg må lige prøve..

Synes godt om

tatsudoshi Nybegynder

07. august 2003 - 19:51 #8

Hmm jeg tror jeg smider håndklædet i ringen.. Jeg kan altså bedre finde ud af tables. De gør i hvert fald hvad jeg beder dem om ;P

Tak for hjælpen.

Synes godt om

lordhead Nybegynder

07. august 2003 - 19:52 #9

Jeg kan også langt bedre li' tables - ikke for at lave om på statistikken, meen...

Synes godt om

lordhead Nybegynder

07. august 2003 - 19:58 #10

du kunne jo også lave tables og div's samtidigt!

Synes godt om

roenving Novice

07. august 2003 - 20:07 #11

Spørgsmålet er jo lidt interessant, så her er et foreløbigt bud:

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Div-layout</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript" type="text/javascript">
var x
//tdat.onclick = function anonymous{ alert('virker');};
</script>
<style TYPE="text/css">
html,body{
height:100%;
width:100%;
padding:0px;
margin:0px;
}
#mainWindow{
position:relative;
height:100%;
top:0px;
left:0px;
padding:0px;
margin:0px;
border:0px;
background:#ffa
}
#topBanner{
position:relative;
height:100px;
width:100%;
top:0px;
left:0px;
padding:0px;
margin:0px;
border:0px;
background:#faf;
}
#rightMenu{
position:relative;
height:100%;
width:100px;
top:0px;
right:0px;
float:right;
padding:0px;
margin:0px;
border:0px;
background:#faa;
}
#leftMenu{
position:relative;
height:100%;
width:100px;
top:0px;
left:0px;
float:left;
padding:0px;
margin:0px;
border:0px;
background:#aff;
}
#content{
position:relative;
height:100%;
padding:0px;
margin:0px;
border:0px;
background:#aaa;
}
</style>
</head>

<body onresize onload>
<div id="mainWindow">
<div id="topBanner"></div>
<div id="rightMenu"></div>
<div id="leftMenu"></div>
<div id="content"></div>

</div>
</body>

</html>

Synes godt om

brianandersen Nybegynder

16. august 2003 - 19:26 #12

Det fede ved webdesign101 linket er at det totalt fucker i Safari. Nåmen nok om det.

Left menu, hoved vindue og right menu?

Kan kun anbefale:

http://bluerobot.com/web/layouts/layout3.html

Simpelt.
Virker.

Synes godt om

tatsudoshi Nybegynder

18. august 2003 - 15:07 #13

Det fede ved folk der læser HELE spørgsmålet er at de ikke smider links til ting man ikke kan bruge ;P

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