Gå til innhold

100% design blir mer enn 100% [fixa]

Svendsen

Anbefalte innlegg

Svendsen

Svendsen

Skrevet
Skrevet (endret)

Hei

 

Jeg ønsker IKKE tilbakemelding på designet da dette ikke er ferdig.

 

Men jeg sliter litt med css designet, jeg har et 3 stolpe design.

der venste og høyre stople blir riktig, men den i midten strekker seg litt mer.

Hva kan dette komme av? Skjer både i IE og Opera

 

L I N K

 

inde.html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Blogg på stianweb.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="blogg.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="center">
 <div id="left"><img src="gfx/blogg.gif" alt="blogg.stianweb.com" width="50" height="521"></div>
 <div id="hoved">Her</div>
 <div id="right">Her</div>
</div>

</body>
</html>

 

blogg.css

html, body {
background-color: #83A8AF;
margin: 0px;
padding: 0px;
height: 100%;

}

div#center {
margin-right: auto;
margin-left: auto;
width: 750px;
height: 100%;
}

div#left {
background-image: url(gfx/left-bg.gif);
float: left;
height: 100%;
width: 50px;

}
div#hoved {
background-color: #ECEEEE;
font-family: "Trebuchet MS";
font-size: 12px;
color: #666666;
float: left;
height: 100%;
width: 640px;
padding: 5px;
}
div#right {
background-image: url(gfx/right-bg.gif);
float: left;
height: 100%;
width: 44px;
font-family: "Trebuchet MS";
font-size: 10px;
text-align: right;
vertical-align: top;
padding: 3px;
}

 

Håper noen kan hjelpe meg :) På forhånd tusen takk :)

Endret av Svendsen
Lenke til kommentar

Videoannonse

Videoannonse
Annonse
Svendsen

Svendsen

Skrevet
  • Forfatter
Skrevet (endret)
vet ikke helt om jeg har rektig, men testa det ut, og  om du tar vekk padding.. blir alt samme.. øø..test?  :thumbup:

eller var det ikke det du mente?

JEg tenker ikke på teksten. Men ser du på linken skjønner du hva jeg mener :)

Mulig jeg misforstår deg og ;)

 

EDIT: Det gjorde biffen, tenkte på det selv, men jeg trodde ikke helt på det :D

 

blir jo litt dumt om man ikke kan ha padding i bunn og topp... eller er det en annen metode?

Endret av Svendsen
Lenke til kommentar
Idah0

Idah0

Skrevet
Skrevet (endret)

nei ikke teksten, men det er noe rart med padding, siden den ene står på 5px og den andre 3px..

muligens jeg tar feil ja :p

 

EDIT: vet ikke helt... du kunne smacka en rammme rundt det hele elelr noe? slik at det blir luft rundt.. ? eller sette ned highten? men da justeres det ikke etter bruker og skjerminstlilligener til andre, så hadde vært dumt om en med 12" kom og måtte scrolle og drit? :dontgetit: whoknows..

 

 

EDIT2:

html, body {

background-color: #83A8AF;

margin: 0px;

padding: 5px; <------ still opp på den, til ca 3-5?

height: 100%;

Endret av Idah0
Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...