[css] Vad gör jag för fel?

2004-02-29 23:13

Permalänk

turbonallen

Medlem

Registrerad: Okt 2001

●

[css] Vad gör jag för fel?

Hej!

Jag försöker lära mig hur man använder div-taggar.

Det jag har försökt göra nu, till att börja med, är en div, som är centrerad, och sträcker sig från toppen till botten av sidan.

Min kod ser ut som följande:

xhtml:

<? echo '<?xml version="1.0" encoding="iso-8859-1"?>' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>testsida</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="stil.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="container">
	<div id="main">
		<p>Fungerar sådär.</p>
	</div>
</div>
</body>
</html>

css:

html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #333333;
	height: 100%;
	background-attachment: fixed;
	background-image: url(tile.png);
	background-repeat: repeat-x, repeat-y;
	margin: 0px;
	padding: 0px;
	height: 100%;
}

#container {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

#main {
	width: 600px;
	height: 100%;
	margin: 0px;
	padding-left: 4px;
	padding-right: 8px;
	padding-bottom: 8px;
	text-align: left;
	background-color: #FFFFFF;
}

Det verkar fungera som det ska i Internet Explorer, men det fungerar absolut inte som det ska i en riktig webläsare, så som Mozilla Firefox

Både html-koden och css-koden är validerad och godkänd.

http://validator.w3.org/check?uri=http%3A%2F%2Fsaker.mine.nu%...
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2...

Har jag gjort någon stor miss när jag kodade? Hur bör jag koda? Tack för hjälp!

Visa signatur

Microsoft Longhorn operating system is going to be Windows Vista. As in “a view into the distance” which surely refers to the prolonged development timeline of the OS

Rapportera Redigera

Citera flera Citera

2004-02-29 23:17

Permalänk

BeWMan

Medlem

Plats: Stockholm
Registrerad: Okt 2003

●

Om du istället för id, använder class - och istället för brädgårdar ( # ) framför attributen sätter en punkt ( . ), fungerar det då?

.main {
 ...
}
...
<span class="main"...>

Visa signatur

Fame's a bitch, man

Rapportera Redigera

Citera flera Citera

2004-02-29 23:20

Permalänk

turbonallen

Medlem

Registrerad: Okt 2001

●

nej, det blir precis samma resultat

vad är skillnaden mellan id och class? när ska man använda vilken?

edit: och adressen är:

http://saker.mine.nu/test/

Visa signatur

Microsoft Longhorn operating system is going to be Windows Vista. As in “a view into the distance” which surely refers to the prolonged development timeline of the OS

Rapportera Redigera

Citera flera Citera

2004-02-29 23:26

Permalänk

filigran

Medlem

Plats: Tidaholm
Registrerad: Mar 2003

●

BeWMan: Spelar ingen roll, skillnaden mellan id och class är att id används en gång i dokumentet, class används flera gånger.

turbonallen: Det är lite krångel med att centrera en sida som är 100% i höjdled.
http://alistapart.com/articles/fauxcolumns/ är ett sätt att göra det. Finns säkert andra sätt, men så gör jag och det funkar fint. Om du lägger in ett tjog rader i din #main kommer du märka att när firefox(och liknande) behöver scrolla så kommer det vita att stanna där det slutade förut, efter 100%, det fortsätter inte. Där kommer lösningen med bilden in.

Visa signatur

Äntligen har jag fått svar på om vandrande pinnar kan gäspa. Det kan de inte. Ett av världens stora mysterier är löst.

Rapportera Redigera

Citera flera Citera

2004-03-01 00:08

Permalänk

turbonallen

Medlem

Registrerad: Okt 2001

●

Jag förstod inte riktigt den där guiden. Mitt problem är ju att sidan inte centreras över huvud taget

Jag hittade den här sidan, och såg att han lyckats:
http://www.simplebits.com/

Hur får man till det så som han har gjort?
Hur ska man nästla divvar för att få dem att hamna bredvid varandra och sådant? är det position: absolute som gäller då?

Visa signatur

Microsoft Longhorn operating system is going to be Windows Vista. As in “a view into the distance” which surely refers to the prolonged development timeline of the OS

Rapportera Redigera

Citera flera Citera

2004-03-01 00:33

Permalänk

filigran

Medlem

Plats: Tidaholm
Registrerad: Mar 2003

●

För att få IE att centrera: body { text-align: center; }, sen kan du sätta * { text-align: left; } för att återställa alla andra objekt till left. Då centreras det i IE. För att få dem bredvid varann använder man float, css.maxdesign.com.au/floatutorial/

Visa signatur

Äntligen har jag fått svar på om vandrande pinnar kan gäspa. Det kan de inte. Ett av världens stora mysterier är löst.

Rapportera Redigera

Citera flera Citera

2004-03-01 00:36

Permalänk

turbonallen

Medlem

Registrerad: Okt 2001

●

IE centrerar som den ska, Mozilla Firefox gör det däremot inte
Tack för all hjälp hittils! uppskattas starkt!

Ska läsa igenom float-guiden nu, så blir jag förhoppningsvis lite klokare!

Visa signatur

Microsoft Longhorn operating system is going to be Windows Vista. As in “a view into the distance” which surely refers to the prolonged development timeline of the OS

Rapportera Redigera

Citera flera Citera

[css] Vad gör jag för fel?

[css] Vad gör jag för fel?

Externa nyheter

Spelnyheter från FZ