Notifikationer

Markér alle som læst Log ud

learner Praktikant

30. juni 2004 - 14:59 Der er 22 kommentarer og
1 løsning

Jeg vil lave et layout men kan det lade sig gøre?

Hej, jeg vil lave min hjemmeside layout således at den:

-er centreret hele tiden
-er max 1000 bred (se her opstår mit problem, den bliver
hængende i venstre side
-er min 500 bred
-altid er 100% høj

Mit bedste forsøg har været:

<body>
<table width="100%" height="100%" border="1">
<tr align="center">
<td width="400">
<table width="75%" align="center">
<tr>
<td><center>
<center>Her er hjemmesiden</center>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>

men den bliver hængende i venstre side når siden bliver bredere end 1000?

Kan jeg ikke få den til at stå centreret?

Synes godt om

cozey Nybegynder

30. juni 2004 - 15:07 #1

<body>
<center>
<table width="100%" height="100%" border="1">
<tr align="center">
<td width="400">
<table width="75%" align="center">
<tr>
<td><center>
<center>Her er hjemmesiden</center>
</td>
</tr>
</table>
</td>
</tr>
</table>
</center>
</body>

eller

<body>
<table width="100%" height="100%" border="1" ALIGN="middle">
<tr align="center">
<td width="400">
<table width="75%" align="center">
<tr>
<td><center>
<center>Her er hjemmesiden</center>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>

Synes godt om

cozey Nybegynder

30. juni 2004 - 15:08 #2

Du skal bare lave selve hovedtabellen 1000 px bred og sætte den til align="middle" ... din fejl ligger i at tabellen er 100% bred ...

Synes godt om

cozey Nybegynder

30. juni 2004 - 15:10 #3

du kan f.eks. heller ikke sætte align="" på en <TR> ..

Synes godt om

cozey Nybegynder

30. juni 2004 - 15:10 #4

Det skal på din celle <td>

Synes godt om

cozey Nybegynder

30. juni 2004 - 15:12 #5

heh ... det går lidt stærkt her, men prøv:

<body>
<table width="1000" height="100%" border="1" align="center">
<tr align="center">
<td width="400">
<table width="75%" align="center">
<tr>
<td><center>
<center>Her er hjemmesiden</center>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>

Synes godt om

roenving Novice

30. juni 2004 - 15:23 #6

Og height eksisterer ikke som attribut til et table-element, men man kunne måske tage udgangspunkt i nogle af de tanker, som cozey smider på banen:

Yderst en centreret div, som er 1000px bred og overflow:auto; inde i den en ny centreret div uden bredde, med en tabel inde i, som har en bredde på 500px, den vil nemlig udvide sig, hvis indholdet bliver bredere, div'en udenom vil følge med, mens den yderste div ikke vil tillade højere bredde end de 1000px ...

-- problemet kommer, hvis skærmbredden er mindre end 1000px, for så skal man resize den yderste div via noget javascript, men det er ikke en voldsom task !-)

Synes godt om

learner Praktikant

30. juni 2004 - 15:30 #7

Spændende svar der roenving! Jeg er nærmest kommet til samme konklusion, men er der nogen der kan, så kom med det! ;-)

Har lige prøvet det her uden held:

<center>
<table width="700" height="100%" border="1" align="center">
<tr>
<td width="400">
<table width="75%" align="center" bgcolor="#0000FF">
<tr>
<td align="center">
<center>
Her er hjemmesiden blå
</center>
</td>
</tr>
</table>
</td>
</tr>
</table>
</center>

hvis du (cozey) er sød lige at skrive igen hvis du har en god ide :-)

Michael

Synes godt om

learner Praktikant

30. juni 2004 - 15:32 #8

du roenving, kunne du måske uddybe dit svar med et eksempel? ;-) Jeg er rimelig newbie men vil rigtig gerne forstå skidtet!

Takker

Synes godt om

roenving Novice

30. juni 2004 - 15:39 #9

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Min-max bredde</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;border:0px;text-align:center;}
#maincontainer{height:100%;width:1000px;background:#eee;margin:0px auto;padding:0px;border:0px;overflow:auto;}
#container{height:100%;background:#aaa;margin:0px auto;margin:0px;padding:0px;border:0px;}
#sidetabel{width:500px;height:100%;border-collapse:collapse;background:#faa;text-align:center;padding:0px;border:0px;}
#sidetabel td{margin:0px;padding:0px;border:0px;height:100%;}
</style>
<script language="javascript" type="text/javascript">
function resizeDiv(){
if(1000>screen.availWidth){
document.getElementById('maincontainer').style.width = screen.availWidth + 'px';
}
}
</script>
</head>

<body onresize="" onload="">
<div id="maincontainer">
<div id="container">
<table id="sidetabel">
<tr>
<td>

Her skal hele siden være
</td>
</tr>
</table>
</div>
</div>
</body>
</html>

Synes godt om

roenving Novice

30. juni 2004 - 15:40 #10

Hov, jeg fik ikke denne med:

<body onresize="resizeDiv()" onload="resizeDiv()">

Synes godt om

roenving Novice

30. juni 2004 - 15:43 #11

-- men bredde-reguleringen vil ikke virke, hvis skærmen i virkeligheden er bredere, men det aktuelle vindue er mindre !-)

Synes godt om

learner Praktikant

30. juni 2004 - 16:25 #12

mange tak roenving, det er næsten som jeg ønsker mig.. Spændende!

1) Den justere ikke rigtigt højden som den skal?
2) og

Jeg vil bede dig lige klikke på www.huggernet.dk og se den gamle.
(det eneste der er galt med den gamle er at den bliver hængende i venstre side ellers skal den ikke ændres)

Det vil give dig et klart indtryk af hvad jeg ønsker mig :-)

Din side opfører sig nemlig ikke helt rigtigt.

Men det er sku tæt på!

Synes godt om

roenving Novice

30. juni 2004 - 16:30 #13

I Mozilla vises den med ens margin i begge sider, dvs. den er meget bredere end i IE ...

Synes godt om

learner Praktikant

30. juni 2004 - 16:38 #14

:-) jeg ved det godt, men jeg har ikke lige kigget nærmere på det endnu. Jeg bruger selv IE og det kommer ca 95% af brugerne ossetil tror jeg. men det skal jo selvfølgelig virke både til IE og Mozilla.

Jeg har kun programmeret i 3 måneder og har lært mig det henad vejen. Så det skal nok blive godt :-)

Men det har godtnok irriteret mig lidt at den ikke er centreret så derfor denne tråd. Jeg bliver rigtig glad hvis du kan hjælpe mig med det.

:-)

Synes godt om

learner Praktikant

30. juni 2004 - 16:40 #15

Jeg overvejede ospå et tidspunkt at bruge frames, men er blevet frarådet det. såe det er nok noget lignende det du har lavet

Synes godt om

roenving Novice

30. juni 2004 - 16:44 #16

16:25:48

1) Højden ?-)

og 2) -- Når der også er menuer involveret vil det nok tage lang tid at gennemskue det du har ...

Synes godt om

learner Praktikant

30. juni 2004 - 16:52 #17

okay! :-)

højden virker fint når man laver vinduet større, men når man vil lave det mindre, så følger siden ikke med. (dvs du skl bruge scroll for at se det nederste af siden!

2) den side du har lavet fungerer lidt anderledes end jeg ønsker mig.
jeg vil at den du kalder "sidetabel" skal være fra 475 til 1000 bred(alt efter bredden på browseren) og fylde ca 92% af browserwinduet(for at danne en slags baggrund) og altid centreret i browservinduet!

Hvis du kan det, så er du dygtig! ;-)

Michael

Synes godt om

learner Praktikant

30. juni 2004 - 16:55 #18

glemte lige: Jeg fjerner scroll-barene fra siden og laver det således at folk kan scrolle inde i siden i stedet for. Jeg bruger iframes til at vise indholdet. men det kan du osse se på den gamle side.

Synes godt om

learner Praktikant

30. juni 2004 - 16:59 #19

rettelse: ...og fylde ca 92% af browserwinduet(for at danne en slags baggrund)

hermed mener jeg 92% af browservinduets BREDDE så længe at browservinduet er UNDER de 1000 bred

Håber du forstår

Synes godt om

learner Praktikant

03. juli 2004 - 15:44 #20

hvad så, er der nogen der kan hjælpe mig færdig med det her?

Synes godt om

learner Praktikant

03. juli 2004 - 15:54 #21

jeg vil gerne forhøje point, hvordan gør jeg det??? Jeg vil give 125 point oven i hatten for et svar på denne tråd!

:-)

Synes godt om

roenving Novice

03. juli 2004 - 15:58 #22

Hvis du vil afsætte flere point finder du den oppe til venstre under Funktioner !-)

Synes godt om

learner Praktikant

17. august 2004 - 10:23 #23

Jeg har fundet en måde at lave det på! se evt på

http://www.eksperten.dk/spm/526180

Der har jeg indsat koden og det virker super for mig!

Jeg er glad! :-)

Tak allesammen for jeres ideer/forslag

Michael

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