Problem med CSS och divs.

Sidan, utan html, body, och så. :)

<div id="MainDiv">
	<!-- Top -->
	<div id="TopDiv"><!--#include file="_inc/top.asp"--></div>	
	<!-- end top -->

	<!-- menu -->
	<div id="MenuDiv"><!--#include file="_inc/inc_menu.asp"--></div>
	<!-- end menu -->

	<!-- Left side -->
	<div id="LeftContentDiv"><!--#include file="_inc/loginform.asp"--></div>
	<!-- end left side -->

	<!-- Content div -->
	<div id="MainContent">
		<div id="PageSubject">&nbsp;Välkommen!</div>
		<div id="PageContent">Ha ha ha... </div>
	</div>
	<!-- end content div -->
	
	<!-- Bottom div -->
	<div id="BottomDiv">
		<div id="CopyrightDiv">&copy; 2005 Goshin Ryu Jujutsu</div>
		<div id="InfoDiv">Info...</div>
	</div>
	<!-- end bottom div -->
</div>

CSS-mallen!

#TopDiv {
	width: 781px;
}

#MainDIv {
	padding: none;
	width: 781px; 
	height: 100%; 
	border: none;
}

#MenuDiv {
	height: 20px;
	width: 781px;
	border-bottom: solid 1px #545454;
	border-top: solid 1px #545454;
	background-color: #232323;
}

#LeftContentDiv {
	float: left;
	border-right: solid 1px #545454;
	border-left: 0px;
	background-color: #000000;
	width: 163px;
	height: 80%;
	margin: none;
}

#MainContent {
	background-color: #333333;
	float: right;
	height: 80%;
	width: 617px; 
}

#BottomDiv {
	border-top: solid 1px #545454;
	width: 781px;
	height: 20px;	
}

#CopyrightDiv {
	background-color: #000000;
	float: left;
	height: 15px;
	width: 164px; 
	border-right: solid 1px #545454;

	color: #ffffff;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#InfoDiv {
	background-color: #333333;
	float: left;
	height: 15px;
	width: 617px;

	color: #ffffff;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;

}

Men den cp:ar sig, den visar den sista punkten i texten i PageContent på ett hel skumt ställe.. :l

Kolla det vita fältet näst längst ned, där åtefinns punkten, där skall den inte vara, hur fasiken kommer det sig.. har jag fuckat upp med div:arna eller?

Nobody? :q

Det fula är att den funkar prima fint i firefox, men strular i IE, då blir det den där vita randen längst ned.. skriver jag ingen text alls, då blir det fin fint i IE! stört.

Jaha, nej men Internet Explorer gör ju som bekant precis hur det vill. Microsoft's webbläsare försöker att rätta till det som _kan vara_ fel och gissar för att du som webbdesigner ska bli nöjd.

Detta för att det finns många som inte kan koda rätt. När de kodar lite fel blir det alltså oftast som de tänkt sig ändå med Internet Explorer.

Nybörjarna säger "Heey, det där Firefox är gammalt och har inte stöd för den senaste tekniken. Alla hemsidor ser konstiga ut i Firefox."

Men det är ingenting att göra åt. Vi får väl vänta på Internet Explorer 7 som säkert 1/4 har hunnit uppdatera till om 3-4 år.

gl hf världen!

Men men men... asså .. men var tusan har jag kodat fel då? :q :)

Okei nu har jag löst det! Men nu har jag ett annat problem! *asg*

Fredde Mannen skrev:

Okei nu har jag löst det! Men nu har jag ett annat problem! *asg*

När man löser en sak händer en annan! :l

Nu har jag ett irriterande problem, jag har en div med en bakgrundsbild som 'är satt med

background-image: url(foobar); background-repeat: no-repeat;

Funkar finemang i IE, men inte i firefox, alltså repeat grejen, funkar inte!

Jag vill att bilden skall visas EN gång, inte fler. Funkar fint i IE men inte i FF.. :l

Vad tror ni?

Never mind, halva diven försvann och gömde sig bakom en annan, som det inte var meningen att den skulle göra! :)

hm..

background: #FFF url("foobar.png"); background-repeat: no-repeat;

lycka till

// Oliver Olofsson

Eller ännu enklare:

background: #FFF url("foobar.png") no-repeat;

:)