CSS-Layout, jobbig bugg...

HTML & CSS

3 svar · 428 visningar · startad av Arash

Medlem sedan juli 20082 inlägg
Trådstart#1

Hej.
Jag håller på med en hemsida och jag har precis kodat layouten i CSS, och det blir bara helt sjukt. Den är ritad och slicad i Paint, och när jag vill att "boxarna" ska förlängas så blir det knas och linjer försvinner etc.

Vore kul om någon orkar kolla på saken och kanske möjligtvis hjälpa mig.
Här finns zip-filen att ladda ner. http://data.fuskbugg.se/skalman01/Habboline-awwentfix.rar

Tack på förhand.
Mvh
Arash

Medlem sedan aug. 20068 090 inlägg
#2

Tycker du ska ladda upp resultatet till en server och ge oss en länk (bäst), eller posta koden (näst bäst) istället. Jag tror de flesta har lärt sig att inte ladda ner och öppna packade filer som man inte vet vad dom innehåller, i synnerhet från en alldeles färsk medlem som man inte har det minsta susning om vem det är.

Medlem sedan juli 20082 inlägg
#3

Okej, laddat upp...

länk:
http://aramoo.brinkster.net/webforum/index.html

css-koden:

body {
}

#container {
width: 843;

}

#logo {
width: 843;
height: 152;
background-image: url(logo.PNG);
}

#marquee {
width: 843;
height: 18;
background-image: url(marquee.PNG);
}

#menu {
width: 843;
height: 20;
background-image: url(menu.PNG);
}

#leftboxtop {
width: 150;
height: 20;
background-image: url(leftboxtop.PNG);
float: left;
}

#leftboxmiddle {
width: 150;
background-image: url(leftboxmiddle.PNG);
repeat-y;
float: left;
}

#leftboxbottom {
width: 150;
height: 8;
background-image: url(leftboxbottom.PNG);
float: left;
}

#contenttop {
width: 533;
height: 20;
background-image: url(contenttop.PNG);
float: left;
}

#contentmiddle {
width: 533;
background-image: url(contentmiddle.PNG);
repeat-y;
float: left;
}

#contentbottom {
width: 533;
height: 7;
background-image: url(contentbottom.PNG);
float: left;
}

#rightboxtop {
width: 150;
height: 20;
background-image: url(rightboxtop.PNG);
float: left;
}

#rightboxmiddle {
width: 150;
background-image: url(rightboxmiddle.PNG);
float: left;
}

#rightboxbottom {
width: 150;
height: 6;
background-image: url(rightboxbottom.PNG);
float: left;
}

#space {
width: 5;
height: 5;
background-image: url(space.PNG);
float: left;
}

I IE; blir det fasansfullt... har jag för mig iaf :P

Medlem sedan aug. 20068 090 inlägg
#4

Jag tittar i Safari/Mac och det ser finemang ut.

Men om jag tar en snabbtitt i koden ser jag att du inte lagt in nån DTD (Doctype Declaration), och det är ofta helt avgörande hur sidan visas i olika läsare: http://en.wikipedia.org/wiki/Document_Type_Definition

Fixa det till att börja med. Kolla sen via https://browsershots.org/ hur sajten ser ut i olika läsare.

Viss hjälp kan du få på https://www.webdesignskolan.com också

Och ta gärna bort fonttaggen....

308 ms totalt · 4 externa anrop · v20260731065814-full.d34c6d5a
129 ms — deklarationer (db)
0 ms — hämta statistik (cache)
174 ms — hämta tråd, inlägg och bilagor (db)
128 ms — ändringar (db)