Problem z menu

smoku · Post autor: **smoku** » ndz lip 25, 2010 10:46 pm

Witam! Mam problem z menu. Zamiast po prawej stronie "ucieka" mi na dół. Co z tym zrobić?? Nie mogę sobie poradzić. Jeśli stronę otworzę normalnie to jest ok. Ale po wrzuceniu na allegro jako szablon jest kicha ;/ Pomocy!!!

Kod: Zaznacz cały

<style>

body {
	margin: 0;
	padding: 0;
	background: #191919 url(http://stal.sulecin.pl/allegro/images/img1.gif) repeat-x;
	font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #999999;
}

a {
	border-bottom: 1px dotted #7D9412;
	text-decoration: none;
	color: #F2900B;
}

a:hover {
	border: none;
	text-decoration: none;
	color: #FFFFFF;
}

/* Header */

#header {
	width: 700px;
	height: 100px;
	margin: 0 auto;
	background: url(http://stal.sulecin.pl/allegro/images/img2.gif);
}

#header * {
	margin: 0;
	padding: 0;
	text-transform: lowercase;
	text-align: center;
	font-style: italic;
	font-weight: normal;
	color: #FFFFFF;
}

#header h1 {
	letter-spacing: -4px;
	font-size: 4em;
}

#header h2 {
	margin-top: -.5em;
	font-size: 1em;
}

/* Content */

#content {
	width: 700px;
	margin: 0 auto;
	padding: 20px 0 0 0;
}

/* Column One */

#colOne {
	float: left;
	width: 470px;
}

#colOne h2 {
	margin-top: 0;
	font-size: 2.2em;
	color: #CCCCCC;
}

#colOne p, #colOne ul, #colOne ol {
	line-height: 200%;
}

#colOne .credits {
	margin-bottom: 50px;
	padding: 5px 0 8px 8px;
	background: #000000;
	border-left: 2px solid #F2900B;
}

#colOne .credits p {
	margin: 0;
	padding: 0;
	line-height: normal;
}

/* Column Two */

#colTwo {
	float: right;
	width: 200px;
	background: #111111;
}

#colTwo ul {
	margin: 0;
	padding: 10px 0 0 0;
	list-style: none;
}

#colTwo li {
	margin-bottom: 20px;
	background: url(http://stal.sulecin.pl/allegro/images/img3.gif) repeat-x;
}

#colTwo li li {
	margin-bottom: auto;
	background: none;
}

#colTwo li ul {
	padding-top: 0;
	padding-left: 20px;
	list-style: square inside;
}

#colTwo h2 {
	height: 25px;
	padding: 10px 0 0 10px;
	background: url(http://stal.sulecin.pl/allegro/images/img4.gif) no-repeat right top;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: .8em;
	color: #F2900B;
}

#form1 {
	background: #191919;
}

#textfield1 {
	width: 100px;
	margin-left: 20px;
}

#submit1 {
}

/* Footer */

#footer {
	clear: both;
	width: 150px;
	height: 60px;
	margin: 0 auto;
	padding: 20px 0 0 550px;
}

#footer p {
	margin: 0;
	padding: 0;
	text-align: right;
	font-size: smaller;
}</style>
<head>
<link href="http://stal.sulecin.pl/allegro/default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
	<h1>Tu wstaw tytuł</h1>
	
</div>
<div id="content">
	<div id="colOne">
		<h2>Witam na aukcji!</h2>
		<p>Tu wpisz treść aukcji</p>
		<h3>Paramerty itp.</h3>
		<ul>
			<li>parametr1</li>
			<li>parametr1</li>
			<li>parametr1</li>
			<li>parametr1</li>
		
		</ul>
		
		<h3>Galeria:</h3>
		
		<div class="credits">
			
			<p class="posted">Wszystkie fotografie i treści zawarte w aukcjii są moją własnością. <br> 

Kopiowanie zabronione!</p</div>


	</div>
	<div id="colTwo">
		<ul>
			<li>
				<h2>Kontakt</h2>
				<ul>
					<li class="active"><a 

href="mailto:[email protected]">[email protected]</a></li>
					<li><a href="gg:111111111">111111111</a></li>
					<li><font color="#F2900B">Tel. 111111111 <br>(nie odpisuje na sms)

</font></li>
				</ul>
			</li>
			<li>
				<h2>Cennik dostawy</h2>
				<ul>
					<li><font color="#F2900B">Cennik zgodny z pocztą polską</font><br><a 

href="http://www.cennik.poczta.lublin.pl/index.php?ramka=krajowe/formularze/k_paczka.php&boczek=menu/kraj.html" 

target="blank">(kliknij aby zobaczyć)</a></li>
					
				</ul>
			</li>
			<li>
				<h2>Płatności</h2>
				<ul>
					<font color="#F2900B"><p>Wpłaty prosimy dokonywać na konto: </p>
					<p>tu numer banku</p>
					<p><b>W tytule wpłaty koniecznie należy podać nr aukcji i nick. </b></p>
				</font>
</ul>
			</li>
			
	</div>
</div>

</body>
</html>

A oto screen z allegro:
Obrazek