100% med CSS (Stylesheet)

Tags:    html css

<< < 12 > >>
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;
}



14 svar postet i denne tråd vises herunder
3 indlæg har modtaget i alt 6 karma
Sorter efter stemmer Sorter efter dato
Prøv at indsætte det her i starten

Fold kodeboks ind/udKode 


Og så indsætter du display: block; i din classe ramme (.ramme)



Indlæg senest redigeret d. 23.06.2007 23:58 af Bruger #6559
Er det dette du vil have?:
Hvis browservinduet er over 800px bredt, så skal siden være 800px bred og minderstillet, men hvis browservinduet er under 800px bredt, så skal siden være lige så bredt som browservinduet.

Til dette skal du sætte width til 100% og max-width til 800px.

Bemærk at Internet Explorer 6 og ældre ikke understøtter max-width.



prøv max-height: 100% på html og body;

... og dit primære table skal også være height 100%...



Indlæg senest redigeret d. 07.11.2007 04:51 af Bruger #12754
hva gør display block ?



hva gør display block ?


Det er lidt svært at forklare..... Og desværre kan jeg ikke forklare den helt.



men det virker ikke... den gør det endnu :S



display:block er en kasse i modsætning til diaplay:inline

Eksempler på elementer, hvor display:block er standard: div, p, form, h1

Eksempler på elementer, hvor display:inline er standard: span, a, img

Du har kun oplyst en stump kode, og det er ikke meget værd, når man skal finde layoutfejl. Giv et link til en side, hvor fejlen er.



www.ungnews.eu/ny

hvis du gør dit browser vindue meget lille så der kommer en scroll ude til venstre, og du så prøver at scrolle.. så kan du se at designet ikke får den her 100% som jeg gerne vil have :/



Det virker fint ved mig. Du skal huske at når der er tekst og du gør vinduet mindre, så skal du scroll for at se det. Det kan du ikke komme udenom.



men kan du ikke se designet ikke kommer med ned ?



<< < 12 > >>
t