html - explore vs firefox - Udvikleren.dk - Programmering, webdesign og grafik

Tags: html css

Bruger #15720 @ 22.03.10 22:36

Hey..

Jeg sidder her og smider mit template ind via css.

Men det vises forskelligt i explore og firefox.

mit html overholdet alle xhtml krav og går igennem uden problemer, ligeledes gør min css i validatoren, men alligevel springer de forskellige billeder rundt omkring, hvad gør jeg forkert?

Det går galt i class'en table. I firefox går den op i min menu, hvor i mod den er hvor den skal være i explore.

Kode

body {
	background-color: #000;
	}

.main {
	border: 0px solid black;
	width: 1000px;
	height: auto;
	background-image: url('../gfx/board.png');
	position: absolute;
	}
.menu {
	border: 0px;
	width: 1000px;
	height: 30px;
	background-image: url('../gfx/menu.png')
	}
	
	
.photo {
	border: 0px;
	background-image: url(../gfx/banner.png);
	background-repeat: no-repeat;
	width: 1000px;
	height: 150px;
	position: absolute;
	}
	
.banner {
	border: 0px solid black;
	width: 1000px;
	height: 150px;
	background-image: url(../gfx/bgimage.jpg);
	background-repeat: no-repeat;
	position: relative;
	}

.table {
	border: 0px;
	background-image: url('../gfx/table.png');
	width: 750px;
	height: auto;
	left: 240px;
	position: relative;
	bottom: 110px;
	}
	
.footer {
	border: 0px;
	background-image: url('../gfx/footer.png');
	background-repeat: no-repeat;
	width: 1000px;
	height: 100px;
	position: relative;
	}

Indlæg senest redigeret d. 22.03.2010 22:38 af Bruger #15720

6 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 2 karma

Sorter efter stemmer Sorter efter dato

Bruger #3143 @ 23.03.10 13:44

1.965

Så læg den op et eller andet sted midlertidigt, så vi kan se den.

Bruger #12703 @ 25.03.10 13:22

158

Sådan bare for en god ordens skyld kunne du starte med at sætte en doctype på siden, alt andet er sjusk, og med til at du risikerer at siden vises forskelligt i browsere.

Der er jo slet ikke noget indeni
<div class="menu"></div>
Det er jo nok årsagen til at den er væk, og billedet der evt. skulle ligge der er forkert placeret.
Din <div class="login"> er ikke defineret i CSS

Bruger #12703 @ 23.03.10 00:14

158

Et link til siden vil hjælpe lidt

Indlæg senest redigeret d. 23.03.2010 00:14 af Bruger #12703

Bruger #15720 @ 23.03.10 06:09

Der er ingen side oppe, men i kan få koden

Kode

<html>

<head>

<title>frisk side</title>
<link rel="stylesheet" type="text/css" href="style/style.css">
</head>
<body>

<div class="main">
	<div class="banner">
		<div class="photo">
		</div>
	</div>
	
	<div class="menu">
	</div>
	
	<div class="login">
		<form action="index.html" method="post">
			<table>
				<tr>
					<td>
						Username:<input type="text" name="user" />
					</td>
				</tr>
				
				<tr>
					<td>
						Password:<input type="password" name="password" />
					</td>
				</tr>
				<tr>
					<td>
						<input type="submit" value="Login" />
					</td>
				</tr>
										
			</table>
		</form>
	</div>
	
	<div class="table">
	Lorem Ipsum is simply dummy text of the printing and typesetting industry.
	Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 
	when an unknown printer took a galley of type and scrambled it to make a type specimen book. 
	It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. 
	It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages,
	and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
<p />

Lorem Ipsum is simply dummy text of the printing and typesetting industry.
	Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 
	when an unknown printer took a galley of type and scrambled it to make a type specimen book. 
	It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. 
	It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages,
	and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
	</div>
	
	<div class="footer">
	
	</div>





</div>



</body>

</html>

Bruger #12703 @ 23.03.10 18:10

158

Det hjælper os ikke at have hele koden, for vi mangler jo stadig de billeder der er lagt ind som background-image.
Din side ser hos mig ens ud i begge browsere, sansynligvis fordi jeg ikke har billederne.

Bruger #15720 @ 25.03.10 00:12

Beklager jeg ikke har svaret, har lige haft lidt travelt de sidste dage.

Men jeg har lagt den op på http://test.quien.dk/

Hvad der dog er underligt nu, er at den ramme jeg lavet til rundt om m&m billedet er lige pludseligt forsvundet samt min menu bar.

Hvad pokker går der galt?

Man kan også tydeligt se, at selve tekst "bordet" rykker sig alt efter browser.

Indlæg senest redigeret d. 25.03.2010 00:24 af Bruger #15720

explore vs firefox

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler