Permalänk
Medlem

CSS strul

Hejsan!
Vet inte hur jag ska förklara mitt problem men ska försöka skriva det så bra som de bara går.

Börja med att besöka www.kistakliniken.se/test/index.html

Jag vill få #divHead att täcka toppen och botten oberoende av hur mycket material som läggs till. Då testade jag med detta

#divHead {
width: 774px;
height: 100%;
background-color: #FFFFFF;
min-height:100%;
position:relative;
overflow:hidden;
}

Fungerar helt bra tills man överstiger en viss upplösning.
Själv kör jag 1600x1050 och då täcker den inte helt, i lägre upplösningar så fungerar det fungemang. Någon som kan hjälpa mig lösa problemet?

#divHead är divven som är helt vit från topp till botten och andra divvar har lagts på den...

Riktigt dålig på förklara men om ni förstår lite vad jag försöker säga med min dåliga förklaring så vill jag få den att alltid vara i webbläsarens ruta topp till botten oberoende av material...

Tack på förhand

Permalänk
Medlem

Ta bort den första diven med center i och ändra CSS:en på följande vis. Notera position:absolute; left: 50%; och margin-left:-387px;

#divHead { background-color:#FFFFFF; height:100%; min-height:100%; position:absolute; width:774px; margin-left:-387px; top:0px; left:50%; }

Permalänk
Medlem
Citat:

Ursprungligen inskrivet av Racy
Ta bort den första diven med center i och ändra CSS:en på följande vis. Notera position:absolute; left: 50%; och margin-left:-387px;

#divHead { background-color:#FFFFFF; height:100%; min-height:100%; position:absolute; width:774px; margin-left:-387px; top:0px; left:50%; }

Tack så himla mycket, fungerar perfekt

Permalänk
Medlem

Tänkte fortsätta på denna tråd, nu har jag ett nytt problem.

Testade sidan i IE 7.0 då är footern helt KAOS den är på högersida.

#divFooter {
position: fixed;
bottom: 0;
width: 774px;
height: 74px;
background-image: url(../storage/footer/bg_foot.gif);
}

Någon som kan hjälpa mig lösa det här?? IE 8.0 fungerar perfekt samt i Firefox

Permalänk
Medlem

Med IE ska du köra doctype strict, inte transitional. Annars gör den massa IE specifik rendrering. Iaf vad jag har märkt.

Permalänk
Medlem
Citat:

Ursprungligen inskrivet av Racy
Med IE ska du köra doctype strict, inte transitional. Annars gör den massa IE specifik rendrering. Iaf vad jag har märkt.

Okej jag har gjort om hela sidan nu. Allt fungerar perfekt, men i Internet Explorer 7 så är de kaos gällande sidan den är åt höger

Jag använde STRICT men inge resultat, vad kan detta bero på,
http://www.razmgah.se/test/css/stylesheet.css (CSS FILEN)

http://www.razmgah.se/test/image.png

uppskattar svar så snabbt som möjligt, tack på förhand

Permalänk
Medlem

Strict, transitional eller frames har ingen betydelse, huvudsaken är att du kör en doctype som tar IE ur quirksmode.

Du flyter väldigt mycket av sidan. Det är antagligen detta som gör så att sidan ser skum ut i IE (å andra sidan ser det mesta skumt ut i IE). Har du kollat IE6-kompatibiliteten?
Tänk på att floats egentliga användningsområde är att låta ett element flyta fritt i en text: Flyter du en <img> lägger sig texten runt denna, som i en tidningsartikel. Floats används ju även vanligtvis för att skapa kolumner och i vissa fall horisontella menyer, vilket inte är inkorrekt men lätt leder till float-sjukan då alla element plötsligt flyts till höger och vänster för att de ska anpassa sig till andra inneslutna flytande element.

Kort och gott, var sparsam med floats.

<div align="..."> är även deprecated, du rekommenderas att köra margin: 0 auto; på en wrapper. Dock kanske inte wrappern behövs i ditt fall. När en layout inte fungerar för mig så brukar jag återskapa den väldigt rudimentärt med nästade div:ar i en testfil och inline CSS.

Visa signatur

Kom-pa-TI-bilitet