Thema: Bilder werden überlagert und verschoben.
Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 06.12.2006, 21:36
Küspert Küspert ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
  
Registriert seit: 05.12.2006
Beiträge: 21
Küspert befindet sich auf einem aufstrebenden Ast
Standard Bilder werden überlagert und verschoben.
Hi,

also hier mal der Link zur Demo (funktioniert auch im IE - Habe den Mime Type des Apache angepasst )

=|PWF|= Clansite | Online Gaming since 2005

Wie ihr sehen könnt werden Die Bilder die das Menü links in die Gruppen unterteilen "überlagert" mit den Linkpics (im IE 7) und Im Firefox wird das erste Linkpic "unterlagert"

Nur was kann das sein ?

Hier mal die stylesheet.css:

Code:
/************
Background settings
************/

body 
{
	background-image: url(../images/background.jpg);
	margin: 0px;
	padding: 0px;
	height: auto;
}

/************
Global settings
************/

img
{
	border: none;
	vertical-align: bottom;
}

/************
Container settings
************/

#maincontainer
{ 
	background-image: url(../images/background_top.jpg);
	background-repeat: repeat-x;
} 

#maincontainer_center
{ 
	background-image: url(../images/background_content.jpg);
	width: 857px; 
	text-align: left;  
	margin-left: auto; 
	margin-right: auto;  
} 

#container_header_main
{
	width: 857px;
	height: 219px;
}

#container_header_left
{
	width: 427px;
	float: left;
}

#container_header_right
{
	width: 430px;
	float: right;
}

#container_menu_left
{
	width: 172px;
}

/************
Menu button settings
************/

a.news, a.newsarchive, a.forum, a.guestbook, a.calendar, a.votes, a.links, a.sponsors, a.downloads, a.userlist, a.squads, a.clanrules, a.clanwars, a.awards, a.rankings, a.serverstatus, a.serverrules, a.teamspeak, a.serverstats, a.serverlist, a.gallery, a.contact, a.join_us, a.fight_us, a.link_us, a.impressum
{
	height: 18px;
	display: block;
}

a.news
{
	background-image: url(../images/news.jpg);
}

a.newsarchive
{
	background-image: url(../images/newsarchive.jpg);
}

a.forum
{
	background-image: url(../images/forum.jpg);
}

a.guestbook
{
	background-image: url(../images/guestbook.jpg);
}

a.calendar
{
	background-image: url(../images/calendar.jpg);
}

a.votes
{
	background-image: url(../images/votes.jpg);
}

a.links
{
	background-image: url(../images/links.jpg);
}

a.sponsors
{
	background-image: url(../images/sponsors.jpg);
}

a.downloads
{
	background-image: url(../images/downloads.jpg);
}

a.userlist
{
	background-image: url(../images/userlist.jpg);
}

a.squads
{
	background-image: url(../images/squads.jpg);
}

a.clanrules
{
	background-image: url(../images/clanrules.jpg);
}

a.clanwars
{
	background-image: url(../images/clanwars.jpg);
} 

a.awards 
{
	background-image: url(../images/awards.jpg);
}

a.rankings
{
	background-image: url(../images/rankings.jpg);
}

a.serverstatus
{
	background-image: url(../images/serverstatus.jpg);
}

a.serverrules
{
	background-image: url(../images/serverrules.jpg);
}

a.teamspeak
{
	background-image: url(../images/teamspeak.jpg);
}

a.serverstats
{
	background-image: url(../images/serverstats.jpg);
}

a.serverlist
{
	background-image: url(../images/serverlist.jpg);
}

a.gallery
{
	background-image: url(../images/gallery.jpg);
}

a.contact
{
	background-image: url(../images/contact.jpg);
}

a.join_us
{
	background-image: url(../images/join_us.jpg);
}

a.fight_us
{
	background-image: url(../images/fight_us.jpg);
}

a.link_us
{
	background-image: url(../images/link_us.jpg);
}

a.impressum
{
	background-image: url(../images/impressum.jpg);
}

/************
Mouseover settings
************/

a.news:hover
{
	background-image: url(../images/news_mouseover.jpg);
}

a.newsarchive:hover
{
	background-image: url(../images/newsarchive_mouseover.jpg);
}

a.forum:hover
{
	background-image: url(../images/forum_mouseover.jpg);
}

a.guestbook:hover
{
	background-image: url(../images/guestbook_mouseover.jpg);
}

a.calendar:hover
{
	background-image: url(../images/calendar_mouseover.jpg);
}

a.votes:hover
{
	background-image: url(../images/votes_mouseover.jpg);
}

a.sponsors:hover
{
	background-image: url(../images/sponsors_mouseover.jpg);
}

a.downloads:hover
{
	background-image: url(../images/downloads_mouseover.jpg);
}

a.userlist:hover
{
	background-image: url(../images/userlist_mouseover.jpg);
}

a.squads:hover
{
	background-image: url(../images/squads_mouseover.jpg);
}

a.clanrules:hover
{
	background-image: url(../images/clanrules_mouseover.jpg);
}

a.clanwars:hover
{
	background-image: url(../images/clanwars_mouseover.jpg);
} 

a.awards:hover
{
	background-image: url(../images/awards_mouseover.jpg);
}

a.rankings:hover
{
	background-image: url(../images/rankings_mouseover.jpg);
}

a.serverstatus:hover
{
	background-image: url(../images/serverstatus_mouseover.jpg);
}

a.serverrules:hover
{
	background-image: url(../images/serverrules_mouseover.jpg);
}

a.teamspeak:hover
{
	background-image: url(../images/teamspeak_mouseover.jpg);
}

a.serverstats:hover
{
	background-image: url(../images/serverstats_mouseover.jpg);
}

a.serverlist:hover
{
	background-image: url(../images/serverlist_mouseover.jpg);
}

a.gallery:hover
{
	background-image: url(../images/gallery_mouseover.jpg);
}

a.contact:hover
{
	background-image: url(../images/contact_mouseover.jpg);
}

a.join_us:hover
{
	background-image: url(../images/join_us_mouseover.jpg);
}

a.fight_us:hover
{
	background-image: url(../images/fight_us_mouseover.jpg);
}

a.link_us:hover
{
	background-image: url(../images/link_us_mouseover.jpg);
}

a.impressum:hover
{
	background-image: url(../images/impressum_mouseover.jpg);
}
und die index.xhtml:

Code:
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC
	"-//W3C//DTD XHTML 1.1//EN"
	"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" dir="ltr">
	<head>
		<meta name="author" content="Daniel K&uuml;spert"/>
		<meta name="description" content="Das ist der Webauftritt der Polnische Wurschtfabrik"/>
		<meta name="keywords" content="=|PWF|=, Online Gaming, Counter-Strike Clan"/>
		<meta name="robots" content="index, follow"/>
		<meta http-equiv="pragma" content="no-cache"/>
		<meta http-equiv="content-language" content="de"/>
		<meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8"/>
		<meta http-equiv="content-style-type" content="text/css"/>
		<meta http-equiv="content-script-type" content="text/javascript"/>
		<script type="text/javascript" src="../inc/java.js"></script>
		<link rel="shortcut icon" href="../favicon.ico"/>
		<link rel="stylesheet" type="text/css" href="../inc/stylesheet.css"/>
		<title>=|PWF|= Clansite | Online Gaming since 2005</title>
	</head>
	<body>
		<div id="maincontainer">
			<div id="maincontainer_center">
				<div id="container_header_main">
					<div id="container_header_left">
						<img src="../images/header_left.jpg" alt=""/>
					</div>
					<div id="container_header_right">
						<img src="../images/header_right.jpg" alt=""/>
					</div>
				</div>
				<div id="container_menu_left">
					<a class="news" href="ka.php"/>
					<a class="newsarchive" href="ka.php"/>
					<a class="forum" href="ka.php"/>
					<a class="guestbook" href="ka.php"/>
					<a class="calendar" href="ka.php"/>
					<a class="votes" href="ka.php"/>
					<a class="links" href="ka.php"/>
					<a class="sponsors" href="ka.php"/>
					<a class="downloads" href="ka.php"/>
					<a class="userlist" href="ka.php"/>
					<img src="../images/clan.jpg" alt=""/>
					<a class="squads" href="ka.php"/>
					<a class="clanrules" href="ka.php"/>
					<a class="clanwars" href="ka.php"/>
					<a class="awards" href="ka.php"/>
					<a class="rankings" href="ka.php"/>
					<img src="../images/server.jpg" alt=""/>
					<a class="serverstatus" href="ka.php"/>
					<a class="serverrules" href="ka.php"/>
					<a class="teamspeak" href="ka.php"/>
					<a class="serverstats" href="http://stats.polnische-wurschtfabrik.de/hlstats.hp"/>
					<a class="serverlist" href="ka.php"/>
					<img src="../images/misc.jpg" alt=""/>
					<a class="gallery" href="ka.php"/>
					<a class="contact" href="ka.php"/>
					<a class="join_us" href="ka.php"/>
					<a class="fight_us" href="http://stats.polnische-wurschtfabrik.de/hlstats.hp"/>
					<a class="link_us" href="ka.php"/>
					<a class="impressum" href="ka.php"/>
					<img src="../images/top_downloads.jpg" alt=""/>
					<img src="../images/partner.jpg" alt=""/>
					<img src="../images/last_registered.jpg" alt=""/>
					<img src="../images/counter.jpg" alt=""/>
				</div>
			</div>
		</div>
	</body>
</html>
Aja wenn ich schon mal was fragen, da ich noch Anfänger bin, was würdet ihr anderst machen in der index.xhtml und stylesheet.css ?

Beste Grüße
Geändert von Küspert (06.12.2006 um 22:53 Uhr)
Mit Zitat antworten
Sponsored Links