webForumDet fria alternativet

Problem med CSS och divs.

HTML & CSSur HTML, XHTML & CSS

8 svar · 421 visningar · startad av Fredde Mannen

Medlem sedan nov. 20014 054 inlägg
Frågan#1

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?

layout.jpg
Medlem sedan nov. 20014 054 inlägg
#2

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.

Medlem sedan okt. 200589 inlägg
#3

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!

Medlem sedan nov. 20014 054 inlägg
#4

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

Medlem sedan nov. 20014 054 inlägg
#5

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

Medlem sedan nov. 20014 054 inlägg
#6

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?

Medlem sedan nov. 20014 054 inlägg
#7

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

Medlem sedan okt. 200589 inlägg
#8

hm..

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

lycka till

// Oliver Olofsson

Medlem sedan okt. 2004636 inlägg
#9

Eller ännu enklare:

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

:)

138 ms totalt · 3 externa anrop · v20260731065814-full.55e59744
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
135 ms — hämta tråd, inlägg och bilagor (db)