CSS Problem mit Bildschirmauflösungen

Nille

Nille

Aktives Mitglied
Thread Starter
Dabei seit
23.03.2007
Beiträge
163
Reaktionspunkte
1
Hallo zusammen,

ich bin am verzweifeln und hoffe jemand von Euch weiß Rat...

Die Problemseite ist http://www.btn-photo.de.

Das Problem: Mir sind die Rubriken ausgegangen also dachte ich , ein Menü mit CSS könnte dieses Problem lösen...

Ich habe das Menü bei "sonstiges" absolut platziert (so dass es bei 1440x900px passt). Die Seite an sich ist im Browser zentriert. Ändert man nun die Fenstergröße des Browsers bzw. nimmt man eine andere Auflösung des Bildschirmes, dann verschiebt sich das Menü.

Wie schaffe ich es, dass das Menü immer, egal bei welcher Größe des Fensters, rechts von der Rubrik "sonstiges" ausklappt??

Das ist hier der Code des Menüs im html-File:
Code: 
<div class="side_menu_item">
		<a href="sonstiges.html" id="sonstiges"
			onmouseover="document.getElementById('sonstiges_sub').
				style.visibility='visible' "
			onmouseout="document.getElementById('sonstiges_sub').
				style.visibility='hidden' ">
			<img src="style/series_four.jpg" alt="Sonstiges" style="width:142px; height:50px" /></a>
			<span class="info">Sonstiges</span>
	</div>		
	<div id="sonstiges_sub"
		onmouseover="document.getElementById('sonstiges_sub').
			style.visibility='visible' "
		onmouseout="document.getElementById('sonstiges_sub').
			style.visibility='hidden' ">
		<a href="stillleben.html" class="sub_link">Stillleben</a>
		<a href="photo-art.html" class="sub_link">Photo-Art</a>
		<a href="panorama.html" class="sub_link">Panorama</a>
	</div>

Das ist der Teil im css-File:
Code: 
#sonstiges_sub {
	position:absolute;
	top:403px;
	left:236px;
	width:80px;
	visibility:hidden;
}
			
.sub_link {
	display:block;
	width:80px;
	text-align:center;
	height:15px;
	font-family:verdana, arial, sans-serif;
	font-size:11px;
	padding-top:3px;
	text-decoration:none;
}
			
.sub_link:link, .sub_link:visited {
	color:#929280;
	background-color:#2C2C2A;
}
			
.sub_link:hover, .sub_link:active {
	color:#929280;
	background-color:#40403E;
}

Die Seite an sich wird zentriert mit:
Code: 
/* margin lefts / margin rights - to centre content */

#logo, #menu, #site_content

{ margin-left: auto; 

  margin-right: auto;

}
 
Wow, kometent und schnell...

Ich bedanke mich recht herzlich!! Jetzt kann ich wieder ruhig schlafen... :D
 
Jetzt gehts das Menü, ABER IE 5+6 wollen mal wieder den Code nicht verstehen...

Das Menü wird nicht richtig angezeigt. Es erscheint unter sonstiges und das unformatiert. Des Weiteren wir der SimpleViewer Inhalt unter die linke Rubrik Bilderleiste gesetzt... sehr seltsam.

Wie kann man unterbinden, dass die Seite mit IE5 oder 6 betrachtet wird?
Oder wie löst ihr solche Probleme?
 
Zurück
Oben Unten