html - Hvad kode ville i bruge ?? til html og css - Udvikleren.dk

Tags: html css

Bruger #16117 @ 10.09.10 21:51

Jeg er ved at lave en side for en
den kan ses her www.sasha.wig10.sde.dk/ustc/index.php

problemet er bare jeg gerne vil have den fylder alle skærme 100 % så den alt efter skørnstørrelse skallere ud og ind i højden.

Problemet er bare at topbilledet og menuen skal blive ved med at have samme mål uanset hvad.

Det er de feltet med bilmærker og indholden og sponsor og aktiviteter der skal redigere sig selv i højden alt efter hvad skørm man ser på.

Men lige meget hvad jeg prøver så kan jeg ikke få det til at virke.

Jeg kan ikke få det til at passe i % når de 2 øverste ikke skal ændre sig men kun de lodrette der skal.

Er der nogen der kan hjælpe.

Har prøver både med % og px og min og max men det virker ikke :-/

Kan i ikke prøve og skrive hvad i ville gøre så noget får en bestemt størrelse og noget for en regulerbare størrelse.

Håber i kan hjælpe mig :-)

Bruger #12118 @ 11.09.10 02:24

du skal på din content bruge width:100%;

og dine sidebare skal have height:100%;
og så er det ikke godt at have tabeller til din menu

Bruger #16117 @ 11.09.10 09:00

du skal på din content bruge width:100%;

og dine sidebare skal have height:100%;
og så er det ikke godt at have tabeller til din menu

Jeg har prøvet at gøre det 100 % i både højde og vidde.

Men problemet er bare at det ikke er det hele på siden der skal være %

topbilledet og menuen skal ikke være i procenter men i px da de ikke skal udvide sig i højden.

Og så kommer problemet at så kan jeg ikke få indpasset de andre :-(

Er det fordi jeg laver det i raletive ?. skal jeg lave det i absolute ?

Bruger #5620 @ 11.09.10 09:26

1.500

Du kunne gøre det sådan her:

Kode

<html>
<head>
<style>
#banner{
  height:100px;
  border:1px solid red;
}
body{margin:0px}
#menu{
  height:50px;
  border:1px solid red;
}

#column1{
  height:100%;
  width:150px;
  border:1px solid red;
  float:left;
}

#column2{
  height:100%;
  width:600px;
  border:1px solid blue;
  float:left;
}

#column3{
  height:100%;
  width:150px;
  border:1px solid green;
  float:left;
}

</style>
</head>
<body>
<table height="100%" cellpadding="0" cellspacing="0" style="margin:0px;padding:0px" border=1>
  <tr height="150px"><td>
     <div id="banner">
        Banner
     </div>
     <div id="menu">
        Menu
     </div>
  </td></tr>
  <tr><td>
  <div id="column1">Bla bla</div>
  <div id="column2">Bla bla</div>
  <div id="column3">Bla bla</div>
</td></tr>
</table></body>
</html>

Kan sikkert også gøres med rent CSS og Div's. Men jeg har intet imod at bruge tables til layout.

Bruger #16117 @ 11.09.10 09:40

Jeg vil ikke rigtig bruge tabel :-)

Da jeg er ved at tage uddannelse så jeg gør det i div bokse :-)

Bruger #12118 @ 11.09.10 21:47

hvis du sætter det op sådan her, så skulle det virke fint, #header divet skal bare have "margin: 0 auto;

HTML kode

 <div id="ramme">
         
         <div id="header">
             <div id="logo"></div><!-- logo -->
         
             <div id="menu"></div><!-- menu -->
         </div><!-- header -->
         
         <div id="venstreSidebar"></div><!-- venstreSidebar -->
         
         <div id="content"></div><!-- content -->
         
         <div id="hojreSidebar"></div><!-- hojreSidebar -->
         
     </div><!-- ramme -->

Bruger #5789 @ 13.09.10 13:39

640

Prøv evt at kigge her, og tag kommentarerne med:

http://www.eksperten.dk/guide/1369

Bruger #16117 @ 13.09.10 15:23

Jeg har fundet ud af det nu :-)

Tak for svar :-)

Hvad kode ville i bruge ?? til html og css

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler