Zur Navigation

CSS Darstellung

1 tobi

Hallo zusammen,

ich habe leider einen zu großen Monitor und bin nicht fündig geworden, wie breit in die Pixelangabe machen kann, damit auf einem 15 Zoll-Monitor u.g. sauber über die ganze Breite erscheint. vllt. könnte mir jemand diese Information geben.
Zum anderen, habe ich mit u.g. Code noch ein paar Schwierigkeiten.
Im linken Bereich, wird eine Grafik wechselnd eingebunden, diese würde ich aber gerne komplett mittig platzieren, nur wie?
Der rechte Teil sollte soweit eigentlich passen, jedenfalls schaut es nicht schlecht aus. Hätte da jemand einen Tipp?

<!DOCTYPE html>
<html lang="en">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link rel="shortcut icon" href="http://www.test.de/fileadmin/templates/images/favicon.ico" />
<link rel="icon" href="http://www.test.de/fileadmin/templates/images/favicon.ico" />
<title>test: Home</title>


<style type="text/css">

 /* Überschrift */
 h1 {
 color:#000; 
 margin: 0 auto;
 font-weight:bold;
 font-size:20px;
 padding: 20px;
 text-align: center;
 }
 
 #alles {
 color:#000;
 width:1040px;
 heigth:1500px;
 font-weight:bold;
 margin: 0 auto;
 border:solid #000000 2px;
 }
 
 #links {
 background-color:#00A0FF;
 width:500px; 
 font-weight:bold;
 font-size:1px;
 float:left;
 margin:auto;
  }
  
 #rechts {
 background-color:#ebf8bf;
 width:485px; 
 font-weight:normal;
 font-size:20px;
 float:right;
 padding-left:20px;
 }
 

</style>


</head>
<body>
<h1>Herzlich Willkommen auf der Übersichtsseite</h1>
<br />
<div id="alles">
	<div id="links">
		<?php
		$random = mt_rand(1, 2);
		echo "<img src=\"fileadmin/bilder/startseite/".$random.".jpg\">";
		?>
	</div>
		<div id="rechts">
			<br />
			<p>Auf der linken Seite präsentieren wir unsere Sposoren.</p>
			<p>Um immer auf dem aktuellsten Stand in Sachen TTC zu<br />seien, empfehlen wir den Besuch des News-Blog´s:</p>
			<p>Hier geht es zum <font size=5px;><a href="http://blog.test.de/" title="News-Blog"><b>NEWS-BLOG</b></a></font></p>
			<br />
			<p>Alle weiteren Informationen befinden sich auf der TTC Webseite:<p/>
			<p>Hier geht es zur <font size=5px;><a href="http://test.de/index.php" title="Webauftritt des test"><b>WEBSEITE</b></a></font></p>
			<br />
			<p><font size=4px;><b>Wir danken allen Sponsoren für Ihr besonderes Engagement und Ihre Unterstützung:</b></font></p>
		</div>
</div>


</body>
</html>

Gruß Tobi

24.10.2011 14:40

2 Jörg

ich habe leider einen zu großen Monitor und bin nicht fündig geworden, wie breit in die Pixelangabe machen kann, damit auf einem 15 Zoll-Monitor u.g. sauber über die ganze Breite erscheint. vllt. könnte mir jemand diese Information geben.

Mit der Webdevelopper Toolbar in Firefox kann man das Browserfenster auf verschiedene gängige Bildschirmauflösungen verkleinern (im Menüpunkt Größe)

Im linken Bereich, wird eine Grafik wechselnd eingebunden, diese würde ich aber gerne komplett mittig platzieren, nur wie?

Was heißt "komplett mittig": zentriert innerhalb von #links oder zentriert innerhalb des kompletten Anzeigebereiches? im ersteren Fall kannst du das Bild mit "text-align:center" zentrieren. Im zweiten Fall musst du zusätzlich den Container, in dem sich das Bild befindet, absolut positionieren, damit dieser die volle Breite einnimmt.

24.10.2011 17:38

Beitrag schreiben (als Gast)





[BBCode-Hilfe]