zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Probleme bei der Positionierung.

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 19.08.2008, 11:54
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.08.2008
Beiträge: 3
ajnvday befindet sich auf einem aufstrebenden Ast
Standard Probleme bei der Positionierung.

Hallo,
ich versuche schon einige Zeit eine Webseite zu gestalten,
doch es tauchen immer wieder Probleme auf,
die ich nicht überwinden kann.

Ich habe zwei Grafiken mit abgerundeten Ecken,
die mir immer wieder unter die Navigation rutschen

Im Intenetexplorer 7 sieht es aus wie es aussehen soll,
im Firefox und Opera allerdings nicht.
Ich finde auch keinen Weg das zu ändern,
jetzt hoffe ich auf Hilfe.

Die Css und Html hänge ich hier mal an.

Html:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>Sotha2009</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel=stylesheet type="text/css" href="css.css" />
</head>

<body>

<div id="center">
	<div id="banner">
	<p>

		<div id="btext">
		<h1>
		<br>
		Überschrift bla schwall bla <br> 
		Weitere Überschrift bla schwetz schwall <br>
		</h1>
		<br>
		<h2 style="text-decoration: underline">
		"Erleuterung zur unterschrift <br> 
		usw bla bla"
		</h2>
		</div>

		<div id="info">
			<p style="text-decoration: underline">
			<marquee scrollamount="2" scrolldelay="1" direction="left"> Infokrams in laufschrift </marquee>
			</p>
		</div>

	</p>
	</div>

	

	<div id="links">
	<ul id="navi">
		<li><a href="home.html"> Hauptseite </a></li>
		<li><a href="home.html"> Hauptseite </a></li>
		<li><a href="home.html"> Hauptseite </a></li>
		<li><a href="home.html"> Hauptseite </a></li>
		<li><a href="home.html"> Hauptseite </a></li>
		<li><a href="home.html"> Hauptseite </a></li>
		<li><a href="home.html"> Hauptseite </a></li>
		<li><a href="home.html"> Hauptseite </a></li>
		</ul>
	</div>

	
	<div class="rund">
	<h3>Hier kommt noch die Willkommensüberschrift.</h3>
	<p>
	Mit reichlich Wilkommenstext <br>
	und vielleicht ein paar Bildchen.<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	</p>
	</div>

	<div id="fuszeile">
	<p>
		<div id="ftext">
		<p>bla Copyreigt etc.</p>
		</div>
	</p>
	</div>
</div>
</body>
</html>
Css:
Code:
body 
	{
	background-color: #ffffff;
	font-size: 0.8em;
	font-family: Arial;
	color: #000000;
	padding: 0;
	margin: 0;
	}

a 		{ color: #000000; }
a:visited 	{ color: #000000; }
a:hover 	{ color: #ffffff; }
a:active 	{ color: #000000; }

p
	{
	padding: 5px;
	margin:0;
	}

h1 
	{
	color: #ffffff;
	padding: 0;
	margin:0;
	font-size: 1.2em; 
	font-weight: bold;
	}

h2
	{
	padding: 0;
	margin:0;
	font-size: 1.4em; 
	font-weight: bold;
	}

h3
	{
	padding: 5px;
	margin:0;
	font-size: 1.8em;
	font-weight: bold;
	}

h4
	{
	padding: 5px;
	margin:0;
	font-size: 1.6em;
	font-weight: lighter;
	}

#navi
	{
	padding-left: 0;
	margin-left: 0;
	border-bottom: 1px solid;
	border-color: #ffdaaa;
	width: 150px;
	}

#navi li
	{
	list-style: none;
	margin: 0;
	padding: 0.25em;
	border-top: 1px solid;
	border-color: #ffdaaa;
	}

#navi li a 
	{
	text-decoration: none;
	}

#center 
	{
	width: 900px;
	margin: 0 auto;
	padding: 0;
	background-color: #d2c7e8;
	}


#banner 
	{
	height: 250px;
	margin: 0;
	padding: 0;
	background-color: #d2c7e8;
	background-image: url(designbilder/top.jpg);
  	background-repeat: no-repeat;
 	background-position: center;
	}

#btext
	{
	text-align: center;
	margin-top: 30px;
	margin-left: 255px;
	padding: 0;
	width: 560px;
	height: 110px;
	}

#info 
	{
	margin-top: 44px;
	margin-left: 233px;
	width: 538px;
	height: 25px;
	padding: 0;
	background-color: #d2c7e8;
	}

#content 
	{
	min-height:600px;
	background-color: #ffdaaa;
	padding: 20px;
	margin: 0 0 0 150px;
	}

#links 
	{
	float: left;
	width: 150px;
	margin: 0;
	padding: 15px 0 0 0;
	color: #ffffff;
	background-color: #d2c7e8;
	}



#fuszeile
	{
	clear: left;
	height: 40px;
	background-image: url(designbilder/fus.jpg);
  	background-repeat: no-repeat;
 	background-position: center;
	background-color: #d2c7e8;
	padding: 0;
	margin: 0;
	}

#ftext
	{
	color: #ffdaaa;
	text-align: right;
	margin-top: -4px;
	margin-left: 10px;
	padding: 0;
	width: 880px;
	height: 25px;
	}

div.rund
	{
	margin: 0;
	width: 600px;
	background: url(ul.jpg) no-repeat bottom left;
	}

div.rund h3
	{
	margin: 0;
	padding: 20px;
	background: url(ol.jpg) no-repeat top left;
	text-align: center;
	font-size:1.2em;
	}

div.rund p
	{
	margin: 0;
	padding: 20px;
	}
Ich hoffe jemand kann mir helfen.
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 19.08.2008, 12:19
Benutzerbild von Boris
Tanzender Webentwickler
XHTMLforum-Kenner
 
Registriert seit: 29.07.2004
Ort: Kornwestheim / Stuttgart
Beiträge: 4.925
Boris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer Mensch
Standard

Innerhalb von <p> dürfen keine Blockemelemte wie DIV, H1 usw enthalten sein. Das machst du aber ein paar mal ...
__________________
My software never has bugs. It just develops random features ...

» DevShack - die Website des freien Webentwicklers Boris Bojic
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 19.08.2008, 12:33
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.08.2008
Beiträge: 3
ajnvday befindet sich auf einem aufstrebenden Ast
Standard

hallo,
das habe ich jetzt geändert,
dennoch rutscht es unters Navi

geändert:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>Sotha2009</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel=stylesheet type="text/css" href="css.css" />
</head>

<body>

<div id="center">
	<div id="banner">
		<div id="btext">
		<h1>
		<br>
		Überschrift bla schwall bla <br> 
		Weitere Überschrift bla schwetz schwall <br>
		</h1>
		<br>
		<h2 style="text-decoration: underline">
		"Erleuterung zur unterschrift <br> 
		usw bla bla"
		</h2>
		</div>

		<div id="info">
			<p style="text-decoration: underline">
			<marquee scrollamount="2" scrolldelay="1" direction="left"> Infokrams in laufschrift </marquee>
			</p>
		</div>
	</div>
	<div id="links">
	<ul id="navi">
		<li><a href="home.html"> Hauptseite </a></li>
		<li><a href="home.html"> Hauptseite </a></li>
		<li><a href="home.html"> Hauptseite </a></li>
		<li><a href="home.html"> Hauptseite </a></li>
		<li><a href="home.html"> Hauptseite </a></li>
		<li><a href="home.html"> Hauptseite </a></li>
		<li><a href="home.html"> Hauptseite </a></li>
		<li><a href="home.html"> Hauptseite </a></li>
		</ul>
	</div>
	<div class="rund">
	<h3>Hier kommt noch die Willkommensüberschrift.</h3>
	<p>
	Mit reichlich Wilkommenstext <br>
	und vielleicht ein paar Bildchen.<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	</p>
	</div>
	<div id="fuszeile">
		<div id="ftext">
		<p>bla Copyreigt etc.</p>
		</div>
	</div>
</div>
</body>
</html>
Mit Zitat antworten
  #4 (permalink)  
Alt 20.08.2008, 10:55
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.08.2008
Beiträge: 3
ajnvday befindet sich auf einem aufstrebenden Ast
Standard

Weis denn keiner Rat
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Probleme mit Positionierung Damian Hartmann CSS 2 02.11.2010 22:21
probleme bei der positionierung der divs DaZaRt CSS 3 13.05.2008 23:47
Probleme mit Positionierung (Newbie) :) DJBreezer CSS 10 08.04.2008 19:17
Probleme mit der Darstellung in Mozilla - Positionierung groovemachine CSS 2 14.05.2007 20:00
Probleme mit Firefox und der Positionierung psq CSS 1 16.03.2007 11:37


Alle Zeitangaben in WEZ +2. Es ist jetzt 10:57 Uhr.