G
glyndlamir
Guest
hi leute!
ich habe seit ein paar tagen wieder ein website und es gibt jetzt schon die ersten probleme... ich habe schön fein einen css code geschrieben und ihn in head auch schön eingesetzt (als externe datei)... ich habe den bereich,. den ich mit div als "linke spalte (left_column) definiert habe auch anständig wieder geschlossen. nun sten aber der text aus der mittleren und rechten spalte auch in der linken! ich krieg die totale kriese!!!!!
kann mir ja jemadn helfen??? bitte!!!
hier der html code der startseite:
her der css code:
ich habe seit ein paar tagen wieder ein website und es gibt jetzt schon die ersten probleme... ich habe schön fein einen css code geschrieben und ihn in head auch schön eingesetzt (als externe datei)... ich habe den bereich,. den ich mit div als "linke spalte (left_column) definiert habe auch anständig wieder geschlossen. nun sten aber der text aus der mittleren und rechten spalte auch in der linken! ich krieg die totale kriese!!!!!
kann mir ja jemadn helfen??? bitte!!!
hier der html code der startseite:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd>
<html>
<head>
<title>
StarCraft II
</title>
<link rel="stylesheet" type="text/css" href="http://starcraft2online.st.ohost.de/kit/web/css/style1.css">
</head>
<body>
<div id="everything">
<div id="header">
<hi>Roadmap</hi>
</div>
<div id="middle">
<div id="left_column">
<p class="horizontal">
<b>Navigation</b>
</p>
<div id="navigation">
<a class="horizontal" href="http://starcraft2online.st.ohost.de/index.html>Startseite</a>
<a class="horizontal" href="http://starcraft2online.st.ohost.de/page/roadmap.html>Roadmap</a>
</div>
<div id="more_information">
<b>Zusätzliche Informationen</b><br>
<br>
<i>Die auf dieser Seite angegebenen Informationen dienen zur Anschauung geplanter Inhalte auf der Website.
Es ist nicht gesichert,
ob und wann die hier aufgeführten Punkte verwirklicht werden.</i>
</div>
</div>
<div id="middle_column">
<p class="date_break">Roadmap</p>
<p class="post">
<i>Eine Roadmap (engl. "Straßenkarte") dient in der Software-Entwicklung zur Veranschulichung von Meilensteilen,
welche nacheinander abgearbeitet werden müssen.<br>
Auf dieser Roadmap können Sie einsehen,
welche Inhalte sich das StarCraft2Online-Team als "Meilensteine" gelegt hat.</i>
<ul class="list_left">
<li>Komplettlösung der Kampagne</li>
<li>Terraner-Guide</li>
<li>Protoss-Guide</li>
<li>Zerg-Guide</li>
<li>Erfolge-Guide</li>
<li>Multiplayer-Guide</li>
<li>Videos zu verschiedenen Themen</li>
<li>usw.</li>
</ul>
</p>
</div>
<div id="right_column">
<p class="box">
<b>Update-Informationen</b><br>
<br>
<i>Heute, am 01. Januar 2011, ist die erste Seite,
die
<a href="http://starcraft2online.st.ohost.de/index.html">Startseite</a>,
online gegangen.
Auf Ihr werden ein Einleitungtext sowie das Spiel-Intro gezeigt.
In den nächsten Tagen werden weitere Seiten folgen.
Was genau das sein wird,
können Sie auf unserer <b>Roadmap</b> nachsehen.</i>
</p>
</div>
</div>
<div id="footer">
<div id="subnav">
<p class="copyright">
© 2010-2011 StarCraft2Online
</p>
</div>
</div>
</div>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-16106315-6']);
_gaq.push(['_setDomainName', '.ohost.de']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript';
ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' :
'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(ga, s);
})();
</script></body>
</html>
her der css code:
Code:
/* Stylesheet 1 -------------------------------*/
body { margin:0; font:12px Tahoma; color:#DDEEFF; background:url(../images/bg_2.gif) 50% 0 repeat-y black; }
#everything { width:1000px; margin:0 auto; background:url(../images/background_2.jpg); border:1px solid black; border-width:0px 1px; }
#header { height:162px; background:url(../images/header_2.jpg) right no-repeat; padding:0 395px; }
#header h1 { padding-top:50px; margin:0; color:white; }
#middle { clear:both; background:url(../images/horiz_2.gif) repeat-x; padding:20px 10px; }
#left_column { width:195px; float:left; }
.horizontal #left_column { width:auto; float:none; }
#navigation a { background:url(../images/buttons2.gif) no-repeat; width:170px; height:25px; display:block; padding-left:25px; margin:5px 0;
font-size:13px; color:white; text-decoration:none; line-height:25px;}
#navigation a:hover { background-position:0 bottom; }
.horizontal #navigation a { float:left; }
#more_information { padding-top:15px;}
#middle_column { float:left; width:50%; margin:0px 20px; }
#middle_column.two_column { float:left; width:75%; }
.horizontal #middle_column { width:auto; float:none; }
.date_break { font-size:19px; border-bottom:1px solid #98ffff; margin-bottom:10px; }
.post { background: url(../images/blue_overlay.jpg); border:1px solid #98ffff; margin-bottom:35px; line-height:18px; }
.post h1 { background:url(../images/title_2.gif) repeat-x #98ffff; padding:2px 10px; margin:0; font-size:15px; color:white;}
.post_body { padding:5px 15px; }
.post .postedby { float:left; clear:both; }
.post .timestamp { float:right }
ul { margin:20px; padding:10px; }
li { list-style:none; background:url(../images/bullet2.gif) 0 5px no-repeat; padding-left:30px; line-height:25px; }
.list_left, .list_right { width:48%; float:left }
.post_info { clear:both; padding-top:10px; }
#right_column { width:26%; float:left; }
.box { background:url(../images/extras_bg2.jpg); border:1px solid #98ffff; margin:10px 0 25px 0; padding:10px; }
#footer { clear:both; padding:20px }
#subnav { margin:10px 0;}
#subnav a { color:#22afcd; }
#subnav a:hover { color:#98ffff }
.copyright { font-size:10px;}