• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Browser-ANzeige Probleme (IE und Opera)

Status
Für weitere Antworten geschlossen.
bluemoon

bluemoon

Neues Mitglied
Hallo!

Also, meine Homepage sollte eigentlich so aussehen:

http://www.fo-ul.de/1213774960.jpg

Aber Opera macht da so nen hässlichen Abstand:
http://www.fo-ul.de/1150845445.tiff

und IE macht natürlich auch Probleme (zumindest IE 5.2 für Mac)
der div geht nur um den header, und padding-bottom macht er auch nicht..

http://www.fo-ul.de/1341919143.tiff
http://www.fo-ul.de/1167644155.tiff

Wie mach ich das denn jetz weg?
Und könnte mir vll noch jemand sagen, wies in anderen browsern ausschaut?

danke!

lg
Tahnee
 
jah..sty..aber ich dachte ihr wärt so schlau und könnt den von allein anschaun^^

nagut :

Code: 
body {
background-color: #446D8C;
color: #000000;
}

#all {
width: 760px;
min-height: 550px;
height: auto;
margin: 10px auto;
margin-top: 25px;
border: 2px dotted black;
background-color: #446D8c;
}

#header {
width: 740px;
height: 100px;
margin: 10px;
background-image:url(testheader.jpg);
outline: 1px solid black;
}

#navi {
width: 130px;
height: 400px;
border: 1px solid black;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
float: left;
background-color: #bacbdb;
padding-top: 10px;
}

#navbar {
width: 130px;
margin-top: 15px;
}

.link a {
display: block;
height: 14px;
font-size: 9pt;
font-family: Trebuchet MS, Arial;
color: #000000;
background-color: #ffffff;
text-decoration: none;
padding-left: 15px;
padding-bottom: 1px;
padding-top: 1px;
border: 1px solid #000000;
}

.link a:hover {
background-color: #ff6600;
color: #000000;
}

.current a {
display: block;
height: 14px;
font-size: 9pt;
font-family: Arial, Verdana;
color: #000000;
background-color: #ff6600;
text-decoration: none;
padding-left: 15px;
padding-bottom: 1px;
padding-top: 1px;
border: 1px solid #000000;
}

.current a:hover {
background-color: #ff6600;
color: #000000;
}

#content {
float: left;
margin-left: 10px;
width: 590px;
height: 400px;
overflow: auto;
border: 1px solid black;
margin-top: 10px;
margin-bottom: 10px;
background-color: #ffffff;
text-align: left;
font-size: 10pt;
font-family: Trebuchet MS, Arial;
color: #000000;
padding-left: 12px;
padding-top: 10px;
}

h1 {
font-weight: bold;
font-size: 13pt;
}


#footer {
height: 10px;
text-align: center;
color: #bacbdb;
font-size: 8pt;
}

#footer a {
color: #bacbdb;
font-size: 8pt;
}

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

	<head>
		<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
		<meta name="author" content="Tahnee Rehg">
		<meta name="keywords" content="">
		<title>.:Home:.</title>
		<link rel="stylesheet" type="text/css" href="teststylesheet.css">
	</head>
<center>
<body>

					<div id="all">

	<div id="header"></div>

	<div id="navi">
	<table id="navbar">
	<tr><td class="current"><a href="index.php">Home</a></td></tr>
	<tr><td class="link"><a href="aboutme.php">&Uuml;ber mich</a></td></tr>
	<tr><td class="link"><a href="gallery.php">Ich in Bildern</a></td></tr>
	<tr><td class="link"><a href="projekte.php">Projekte</a></td></tr>
	<tr><td class="link"><a href="fotos.php">Fotos</a></td></tr>
	<tr><td class="link"><a href="books.php">B&uuml;cher</a></td></tr>
	<tr><td class="link"><a href="triops.php">Triops</a></td></tr>
	<tr><td class="link"><a href="pflanzen.php">Meine Pflanzen</a></td></tr>
	<tr><td class="link"><a href="gb.php">G&auml;stebuch</a></td></tr>
	<tr><td class="link"><a href="kontakt.php">Kontakt</a></td></tr>
	<tr><td class="link"><a href="links.php">Links</a></td></tr>
	
	</table>

	</div>

	<div id="content">
	<p align="right" style="margin-right: 10px;">
	Tue, 20. February 2007	</p>
	<h1>Home</h1>
	<br>

<img src="home.jpg" alt="home" align="right" style="margin-right: 20px;"></img><br>
<br>
<br>
<b>Willkommen auf meiner Homepage!</b> 
<br>
<br>
<br>
<p>Ich hab jetzt absolut keine Ahnung was ich hier hinschreiben soll...dabei bin ich normalerweise ja <br>
doch sehr redselig ;-).
Naja, jedenfalls ist das hier meine Homepage (wie der ein oder ander sicher schon bemerkt hat xD) und, ja.<br>
Das wars von meiner Seite, zu einer Homepage geh&ouml;ren im Normalfall mindestens 2 Personen: einer der sie macht, und einer, der sie liest. Der der sie macht ist in dem Fall wohl ich, also bleibt das Lesen an dir h&auml;ngen...<br></p>
<br>

	
			</div>
			</div>
	<div id="footer"> &copy; 2006-2007 by Tahnee Rehg | <a href="impressum.php">Impressum	</a></div>		

					


</body>
</center>
</html>
 
bluemoon schrieb:
und IE macht natürlich auch Probleme (zumindest IE 5.2 für Mac)
Zum Vergrößern anklicken....
Den 5er IE für Mac kannst du eigentlich getrost ignorieren. Fast alle Mac-User benutzen Safari oder dann Firefox und Konsorten. Soweit ich weiss ist er seit längerem auch nicht mehr überall automatisch drauf. Ausserdem kann man ihn nicht mit dem IE für Windows vergleichen, er macht sowieso etwas anderes. Eine Anpassung nur für den IE 5.x Mac ist, meiner Meinung nach, nicht nötig.
 
Ja gut...aber den anderen IE hab ich nich und kann deshalb nicht schauen wies da aussieht...

Und Opera haben ja schon mehrere..
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben