[matthew]

Hej,

Jag har sysslat med lite "vardagswebdesign" sedan 99 ungefär. Dock inget märkvärdigt alls och de senaste åren har det knappt blivit någonting alls. Hade nu tänkt försöka lära mig igen, men jag känner att jag inte är så bra på de "nya grejorna". När jag höll på med webdesign "på riktigt" användes inte CSS särskilt mkt. Utan det var tables som gällde. XHTML var på väg men det var ingen standard som det är idag. Jag känner att jag har halkat efter lite :P

Iaf, nu till problemet. Har börjat med en sida, där jag vill ha en DIV som sträcker sig från vänster till höger. Detta funkar perfekt för mig i Firefox men i IE strular det, den vill inte gå hela vägen ut i höger bildkant. Varför?

Såhär ser det ut i IE7


Och såhär ser det ut i Firefox


Varför vill den inte? :\

Koden som ligger i styles.css är:

.infobox {
	position:absolute;
	left:0px;
	top:25%;
	background-image: url('top_bg.jpg');
	height: 95px;
	width: 100%;

}

Och jag hämtar med <div class="infobox">.
Jag använder Vista med IE7. Är det någon som ser skillnad i IE6 kanske?

Till sist, finns det någonstans där man kan läsa om kända CSS-problem mellan IE6, IE7 och Firefox?

Tack för hjälpen,

Mattias

[wiggin]

Vilken doctype använder du? Det känns som du glömt ange den eller gör det felaktigt vilket gör att IE går in i "quirks mode" vilket ofta får dessa resultat.

[matthew]

Ah, glömde i min iver att ange doctype. Var så längesen jag höll på med detta :P
Tack för hjälpen

När vi ändå är inne på ämnet, lade till doctype för XHTML Strict. Kommer att köra XHTML på sidan, men vilken doctype borde jag köra och varför? Kan säkert googla lite om detta men är trött nu, så om någon orkar svara

[HeT]

Hej

Precis som wiggin säger är doctype-deklarationen viktig för att få webbläsarna att ställa sig i standard rendering mode (eller åtminstone almost standard rendering mode). Genom detta får du det lättare att få saker och ting att se nästan likadant ut.

http://hsivonen.iki.fi/doctype/ är en bra sida om doctypes.

Jag skulle inte välja xhtml1.1 iom att det egentligen nog kräver en xml-deklaration och med en sådan smäller IE tillbaka till quirks mode.

För ditt problem skulle jag nog också sätta följande i css-en

body
{
margin:0;
padding:0;
}

/Lycka till
H