1

lørdag, 23. juni 2007, 23:48


Heej alle sammen jeg er igang med at lave en side hvor jeg gerne vil have siden til at flyde ud, altså fra toppen og så ned til bunden.. så den passer til de fleste opløsninger.. men hvis man gør vinduet meget lille.. så er det ligesom om at designet har sat sig fast så når man scroller så blir designet bare hvor det er .. ligesom om der er sat Absolute position på hvilket der ikke er.. så forstår det ikke rigtig.. har hørt noget med display: block der skal indsættes.. og hvis den skal hva gør det så?? :S men hvordan skal jeg sætte min CSS op så den blir 100%??

.ramme {
margin-right:auto;
margin-top:0px;
margin-left:auto;
margin-bottom:0px;
width:800px;
background-color:#FFF;
height:100%;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #5d5d5d;
border-left-color: #5d5d5d;
}


2

søndag, 24. juni 2007, 00:03


Det du skal have gang i er min-height som skal sættes til 100%

Denne understøttes dog ikke af IE6.0 og nedefter, så man er derfor også nødt til at bruge Height.

Dertil skal du huske også at sætte height og min-height på html+body

En løsning kan være

html, body {

height: 100%;
min-height: 100% !important;

}

#div {

height: 100%;
min-height: 100% !important;

}

Ved at bruge følgende løsning skulle det virke i IE6.0 7.0 og Firefox mf.


3

søndag, 24. juni 2007, 16:25


hva gør !important; ??

og det hjalp desværre ikke..


4

søndag, 24. juni 2007, 17:00


Citeret

Originally posted by asd1233
hva gør !important; ??

og det hjalp desværre ikke..


Så skulle en browser som Firefox vægte sin betragtning derpå. Altså anvende min-height i stedet for height.

Kan du vise din kildekode?


5

mandag, 2. juli 2007, 10:44


eksemple kan ses på www.creativeedge.dk :)

CSS
html, body
{
padding:0;
margin:0;
height:100%;
}

#placeholder
{
height:100%;
width:838px;
margin: 0 auto;
background-color:aqua;
}

HTML
<body>

<div id="placeholder">
<div id="content">
<a href=""><img src="images/creativeedge.jpg" alt="creativeedge.dk" /></a>
</div>
</div>

</body>


Husk at vælg korrekt DOCTYPE!

1x ASUS Maximus IV Extreme-Z
1x Intel® Core™ i7-2600K Processor @ 4.430 mhz - Corsair H60
2x Gainward GeForce GTX 570 1280MB
1x Corsair Vengeance™ DDR3 1600MHz 16GB CL9 Kit w/4x 4GB XMS3 modules
1x Corsair TX V2 850W PSU


Nyeste Videoer og Trailers

Indsend nyhed
Har du fundet en fed nyhed så indsend den så alle andre på Tweak.dk kan få glæde af den.