DIV-innehåll syns inte - hjälp!

Posta ny tråd
K

Kimz0r

Jag har en hemsida med vit bakgrund, och på ett ställe ska det finnas en DIV med rosa bakgrund. Hela sidan ser helt OK ut och funkar, men DIV-en och dess innehåll är borta. Vad gör jag för fel?

Såhär ser det ut i HTML-koden:
Kod: 
<div id="sponsor"><p>text</p><p><img src="bild.gif"></p></div>


...och CSS:en.
Kod: 
#sponsor
{
	position: absolute;
	left: 881px;
	top: 13px;
	background-color: #FFC0D2;
	width: 142px;
	height: auto;
	padding-top: 0px;
	border-top: 1px dotted #FC205E;
	padding-right: 0px;
	border-right: 1px dotted #FC205E;
	padding-left: 0px;
	border-left: 1px dotted #FC205E;
	padding-bottom: 0px;
	border-bottom: 1px dotted #FC205E;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

I koden ser det ut som alla andra element, men ändå syns det inte. Vad gör jag för fel?
 
Sv: DIV-innehåll syns inte - hjälp!

Innehållet syns i Explorer men inte i Firefox.
 
Sv: DIV-innehåll syns inte - hjälp!

Jag vet inte alls om jag har rätt, men jag TROR att height: auto; kan vara det som ställer till det i Firefox. Prova att sätta ett bestämt värde bara för att se om innehållet dyker upp då?

Jag skulle också föreslå att du skriver margin: 0px; och padding: 0px; istället för att specifiera varje margin och padding var försig. Det ger kortare kod. :) Gäller även border, du kan skriva border: 1px dotted #FC205E; istället.
 
Sv: DIV-innehåll syns inte - hjälp!

Funkar inte med bestämt värde heller. :( (Står auto på övriga element också och de syns.)
 
Sv: DIV-innehåll syns inte - hjälp!

Jag kopierade koden och kollade här hos mig, och i min Firefox dyker det upp en fin liten ruta. Det kanske är något i de kringliggande elementen som stör eller överlappar?

Du vill inte posta resten av koden?
 
Sv: DIV-innehåll syns inte - hjälp!

Hela HTML-filen:

Kod: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><title>titel</title>
<meta http-equiv=Content-Type content="text/html; charset=us-ascii">
<link href="css.css" type="text/css" rel="stylesheet"></head>
<body><div id="bg"></div>
<div id="meny">
<a href="index.htm"><img src="knindex.gif" height="12" width="165" alt="Startsida"></a>
<a href="program.htm"><img src="knprogram.gif" height="12" width="165" alt="Program"></a>
<a href="kontakt.htm"><img src="knkontakt.gif" height="12" width="165" alt="Kontakt"></a>
<a href="forum.htm"><img src="knforum.gif" height="12" width="165" alt="Forum"></a>
<a href="links.htm"><img src="knlinks.gif" height="12" width="165" alt="L&auml;nkar"></a>
</div>
<div id="text">
<h1>V&auml;lkommen!</h1>
<p>text</p>
<p>text</p></div>
<div id="sponsor">
<p>text</p>
<p><img src="bild.gif" alt="logga"></p>
</div>
</body>
</html>

Hela CSS:en:

Kod: 
body
{
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-family: Verdana;
	font-size: 10pt;
	color: #000000;
	text-align: justify;
}

#bg
{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 250px;	
	width: 1024px;
	background-image:url('top.jpg');
	background-repeat: no-repeat;
	background-position: left;
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-weight: normal;
}

A:link
{
	FONT-WEIGHT: bold;
	font-size: 10pt;
	COLOR: #000000;
	TEXT-DECORATION: underline;
}

A:visited
{
	FONT-WEIGHT: bold;
	font-size: 10pt;
	COLOR: #000000;
	TEXT-DECORATION: underline;
}

A:hover
{
	FONT-WEIGHT: bold;
	font-size: 10pt;
	COLOR: #FC205E;
	TEXT-DECORATION: underline;
}

h1
{
	font-size: 22pt;
	font-weight: bold;
	text-align: center;
}

h2
{
	font-size: 20pt;
	font-weight: bold;
	text-align: center;
}

h3
{
	font-size: 18pt;
	font-weight: bold;
	text-align: center;
}

h4
{
	font-size: 16pt;
	font-weight: bold;
	text-align: center;
}

h5
{
	font-size: 14pt;
	font-weight: bold;
	text-align: center;
}

h6
{
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
}

#text
{
	position: absolute;
	left: 6px;
	top: 227px;
	height: auto;	
	width: 865px;
	padding: 0px;
	border: none;
	margin: 0px;
	z-index: 3;
}

#meny
{
	position: absolute;
	left: 6px;
	top: 210px;
	background-color: #FFFFFF;
	width: 865px;
	height: 12px;
	padding: 0px;
	border: none;
	margin: 0px;
	z-index: 4;
}

#sponsor
{
	position: absolute;
	left: 881px;
	top: 16px;
	background-color: #FFC0D2;
	width: 142px;
	height: auto;
	padding: 0px;
	border: 1px dashed #FC205E;
	margin: 0px;
	z-index: 5;
}

#sponsor *
{
	font-family: Tahoma;
	font-size: 8pt;
	color: #000000;
	text-align: center;
}

#sponsor A:link
{
	FONT-WEIGHT: normal;
	font-size: 8pt;
	COLOR: #000000;
	TEXT-DECORATION: none;
}

#sponsor A:visited
{
	FONT-WEIGHT: normal;
	font-size: 8pt;
	COLOR: #000000;
	TEXT-DECORATION: none;
}

#sponsor A:hover
{
	FONT-WEIGHT: normal;
	font-size: 8pt;
	COLOR: #000000;
	TEXT-DECORATION: none;
}
img
{
	border: none;
}
 
Sv: DIV-innehåll syns inte - hjälp!

Och det är precis som det ska vara. Så saknas det lite grafik också iofs. ;)

Kan det vara mitt Firefox som ensamt trilskas med mig?
 
Sv: DIV-innehåll syns inte - hjälp!

Något skumt är det, för den där koden visar då en rosa ruta för mig i alla de fyra webbläsare jag testat.

(Firefox, Internet Explorer, Opera, Safari)
 
Sv: DIV-innehåll syns inte - hjälp!

Det ser inte bättre ut. :p Du kan ju kolla http://browsershots.org/ också, eller se om någon annan vänlig själ kan hoppa in i tråden och kolla med sin Firefox.

ETA: Titta, Sharpless to the rescue.
 
Sv: DIV-innehåll syns inte - hjälp!

Det här är pinsamt.

Jag har lite plugins i min Firefox som blockerar reklam och så. Per automatik blockeras allt som heter "sponsor"... Inte min inställning, den hängde liksom med pluginen.

Nu bytte jag till "medarb" och genast så ser sidan ut precis som den ska.

Givetvis hann jag ominstallera Firefox först.
 
Sv: DIV-innehåll syns inte - hjälp!

:rofl:

Skönt att du hittade "felet" i alla fall! Det är ju också bra att veta att det finns Firefox-tillägg som blockerar saker som heter "sponsor", så kan man undvika det ordet.
 
Sv: DIV-innehåll syns inte - hjälp!

Jo... Du ska i varje fall ha tack för den tid du lade ner på min tråd. :bow:
 

Liknande trådar

replica
Blivit blind..
IT & mobiler Hittar inte koden för att ta bort ramarna (de vita) på den här sidan samt hur man får bort att bakgrunden blir rosa när man för...
Svar
6
· Visningar
1 101
Senast: Kuckeliku
·
aiquen
Kodproblem
IT & mobiler Jag är för trött för att ens tänka, så är det någon här som kan se varför "kolumn2" hamnar under "kolumn1" trots att de ska ligga...
Svar
4
· Visningar
1 026
Senast: aiquen
·
replica
Css?
IT & mobiler Håller på att ändra om ett gratisforum till min WoW guild, försöker fixa sådana rader som finns på bilden (rött) men hittar inte dem i...
Svar
1
· Visningar
1 014
Senast: nidron
·
D
Centrera en div
IT & mobiler Att centrera en div är inte svårt, men hur gör man om man vill få den att ligga precis i överkant på sidan? Om css-koden ser ut som...
Svar
6
· Visningar
1 023
Senast: meodeo
·

Välj ämne nedan

Ekonomi & Juridik Anläggning Hästmänniskan Gnägg Utrustning Hästvård Foder & Strö Hästhantering Träning Ridning Avel Tävling Distans Dressyr Fälttävlan Hoppning Islandshäst Körning Trav Western Övr. Grenar Hundhälsa Hundträning Hundavel & Ras Övr. Hund Katthälsa Övr. Katt Lantbruksdjur Däggdjur Övr. Djur Samhälle Juridik & Ekonomi Skola & Jobb Relationer Kropp & Själ Hemmet Trädgård & Växter Mat Kläder & Bli fin Fordon IT & Mobiler Kultur Fritid Tjatter Äldre Gravid - 1år Småbarn Övr. Barn Dagbok Hästnyheter Radannons Företag Bukefalos Bukefalosnyheter

Bukefalos, Hästnyheter, Radannonser

Allmänt, Barn, Dagbok

Hund, Katt, Andra Djur

Hästrelaterat

Omröstningar

Tillbaka
Upp