Avatar billede lasseq Nybegynder
05. april 2005 - 17:54 Der er 7 kommentarer og
3 løsninger

Sidelayout - Problemer!

Hej,

Jeg er ved at lave et sidelayout, der skal virke som var det i frames med strukturen top-banner - menu - indhold, hvor menu og indhold ligger ved siden af hinanden.

Mit problem er imidlertid, at jeg ikke kan få mit indholdsdiv til at "fylde" hele bredden ud - og bredden skal være relativ!

I kan se siden her, på http://www.quorning.com/golfvogne.htm , hvor stylesheetet er indlagt.

I må (meget gerne) give en analyse af, om kompatibiliteten med andre browserere er OK.

(Jeg skal lige sige at designet er fyldstændigt udeladt - jeg har kun fokuseret på at lave korrekt CSS! :) )
Avatar billede skyggen2000 Nybegynder
05. april 2005 - 18:05 #1
Du skal ændre style på din body, den stod forkert. nu uden margin og 100% bredde
body{
    height:100%;
    width:100%;
    margin:0px 0px 0px 0px;   
    overflow:hidden;
}
Avatar billede lasseq Nybegynder
05. april 2005 - 20:43 #2
Jeg har nu ændret det, men stadigvæk virker det ikke. Desuden ville jeg gerne have en margin på begge sider... Nogen forslag?
Avatar billede Slettet bruger
05. april 2005 - 22:44 #3
du kan evt bruge % i width:

div#menu{
    float:left;
    width:15%;
    background-color:#009900;
    height:100%;
}
div#main{
    float:left;
    width:85%;
    background-color:#6666FF;
    height:100%;
    overflow:auto;
}
Avatar billede Slettet bruger
05. april 2005 - 22:46 #4
Og så vidt jeg har hørt så er det også bedst når folk har en anden skærmopløsning end ham der har lavet den. Så skulle det passe til alle.
Men du må ikke binde mig i det jeg sige nu.

DDD
Avatar billede roenving Novice
06. april 2005 - 00:52 #5
Måske er det denne type design, du leder efter:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Fuld højde simpelt med tabel</title>
<meta name="Generator" content="Stone's WebWriter 4">
<meta name="keywords" content="roenving,http://www.eksperten.dk/spm/488278">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;padding:0px;}
#banner{position:absolute;height:120px;width:100%;background:yellow;z-index:10;}
#baggrund{position:absolute;width:100%;height:100%;background:white;z-index:0;}
#menubag{position:relative;height:100%;width:175px;float:left;background:blue;}
#newsbag{position:relative;height:100%;width:150px;float:left;background:green;}
#rightbag{position:relative;height:100%;width:175px;float:right;background:red;}
#main{position:absolute;width:100%;height:100%;background:transparent;}
#spacer{height:120px;}
table{border:0px;border-collapse:collapse;}
td{margin:0px;border:0px;padding:0px;text-align:center;}
</style>
</head>
<body>
<div id="banner">Banner</div>
<div id="baggrund">
<div id="rightbag"></div>
<div id="menubag"></div>
<div id="newsbag"></div></div>
<div id="main">
<div id="spacer">Usynligt</div>
<table style="width:100%">
  <tr>
    <td style="width:175px">Menuen</td>
    <td style="width:150px">News</td>
    <td>Hovedside</td>
    <td style="width:175px">Right-bar</td>
  </tr>
</table>

</div>
</body>
</html>
Avatar billede roenving Novice
06. april 2005 - 00:53 #6
Tabellen er ikke crucial, men skal man gøre plads for at siderne _kan_ være højere, gør de præcis det rigtige !-)
Avatar billede lasseq Nybegynder
16. april 2005 - 13:02 #7
Tak nu virker det.. Vil også gerne have svar fra roenving og skyggen, så jeg kan uddele point :)
Avatar billede roenving Novice
16. april 2005 - 13:33 #8
Velbekomme '-)
Avatar billede skyggen2000 Nybegynder
16. april 2005 - 17:01 #9
Hvad du ønsker skal du få:)
Avatar billede roenving Novice
22. juni 2005 - 16:08 #10
-- og tak for point ;~}
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

Seneste spørgsmål Seneste aktivitet
I dag 10:21 Ny printer, men hvilken Af mort1 i Printere
I går 19:41 USB på Linux Af Uvanga i Linux
12/0818:26 Hvilken type mus Af mort1 i PC
11/0813:21 ms Forms Af leahcim i Andet software
10/0821:30 Blokeret på Snapchat? Af LineP i Chat & Messaging