Vorheriges Thema: Nächstes Thema: |
Autor |
Nachricht |
craven-city
Anmeldungsdatum: 16.08.2009 Beiträge: 3
|
Verfasst am: 16.08.2009 19:51:35 Titel: IE zieht meine HP nach links |
|
|
Hey zusammen,
ich weiss leider nicht was ich falsch mache.
Mein Firefox gibt meine HP ohne Probleme und korrekt aus, schaue ich mir diese allerdings im IE an, zerschiesst er mir das css etwas.
Die Seite ist aufeinmal linksgebunden und ich weiss nicht wie ich das Umgehen kann.
Ich möchte doch nur dass es im IE genau so aussieht wie im Firefox.
Hier einmal die CSS:
Code: |
body {
margin: 0;
padding: 0;
background: #ffffbf;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 13px;
color: #333333;
}
h1, h2, h3 {
margin: 0;
padding: 0;
text-transform: lowercase;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
color: #811305;
}
h1 {
letter-spacing: -1px;
font-size: 32px;
}
h2 {
font-size: 23px;
}
p, ul, ol {
margin: 0 0 2em 0;
text-align: justify;
line-height: 26px;
}
a:link {
color: #3B0700;
}
a:hover, a:active {
text-decoration: none;
color: #3B0700;
}
a:visited {
color: #3B0700;
}
img {
border: none;
}
img.left {
float: left;
margin-right: 15px;
}
img.right {
float: right;
margin-left: 15px;
}
/* Form */
form {
margin: 0;
padding: 0;
}
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend {
display: none;
}
input, textarea, select {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 13px;
color: #333333;
}
/* Header */
#header {
width: 939px;
margin: 0 auto;
}
/* Menu */
#menu {
float: left;
width: 939px;
height: 70px;
background: #000000;
}
#menu ul {
margin: 20px 0 0 30px;
padding: 0;
list-style: none;
line-height: normal;
}
#menu li {
display: block;
float: left;
}
#menu a {
display: block;
float: left;
margin-right: 3px;
padding: 0 20px;
background: url(images/img03.gif) no-repeat right 60%;
text-decoration: none;
text-transform: capitalize;
font: 12px Tahoma, Arial, Helvetica, sans-serif;
color: #FFFFFF;
}
#menu a:hover {
text-decoration: none;
color: #FFFFFF;
}
#menu .current_page_item a {
color: #FFFFFF;
}
/** LOGO */
#logo {
float: left;
width: 939px;
height: 273px;
margin-left: 10px;
background: url(images/header.jpg) no-repeat left top;
}
#logo h1, #logo h2 {
margin: 0;
padding: 60px 0 0 140px;
line-height: normal;
}
#logo h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 46px;
font-style: italic;
}
#logo h1 a {
text-decoration: none;
color: #FFFFFF;
}
#logo h1 a:hover { text-decoration: underline; }
#logo h2 {
margin: 0;
padding: 0 0 0 140px;
font: italic 15px Georgia, "Times New Roman", Times, serif;
color: #FFFFFF;
}
#logo p a {
text-decoration: none;
color: #B6ACA2;
}
#logo p a:hover { text-decoration: underline; }
#wrapper {
width: 960px;
margin: 0 auto;
background: url(images/img01.jpg) repeat-y left top;
}
/* Page */
#page {
width: 939px;
margin: 0 auto;
}
/* Content */
#content {
float: right;
width: 630px;
padding: 0px 30px 0 0;
}
/* Post */
.post {
}
.post .title {
}
.post h1 {
}
.post h2 {
}
.post .entry {
padding-top: 10px;
}
.post .meta {
padding: 7px 0 40px 0;
border-top: 1px dotted #D1D1D1;
}
.post .meta p {
margin: 0;
line-height: normal;
color: #999999;
}
.post .meta .byline {
float: left;
}
.post .meta .links {
float: right;
}
.post .meta .more {
padding-right: 20px;
}
.post .meta .comments {
}
.post .meta b {
display: none;
}
/* Sidebar */
#sidebar {
float: left;
width: 215px;
padding: 0px 0 0 30px;
}
#sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}
#sidebar li {
padding-bottom: 10px;
}
#sidebar li ul {
}
#sidebar li li {
margin: 0;
padding: 0px 0 0px 0;
}
#sidebar h2 {
height: 32px;
}
/* Search */
#search {
}
#search h2 {
margin-bottom: 20px;
}
#s {
width: 135px;
margin-right: 5px;
padding: 3px;
border: 1px solid #3A0700;
}
#x {
padding: 0px;
border: none;
background: #3A0700;
text-transform: lowercase;
font-size: 8px;
color: #FFFFFF;
}
/* Boxes */
.box1 {
padding: 20px;
}
.box2 {
color: #BABABA;
}
.box2 h2 {
margin-bottom: 15px;
font-size: 16px;
color: #FFFFFF;
}
.box2 ul {
margin: 0;
padding: 0;
list-style: none;
}
.box2 a:link, .box2 a:hover, .box2 a:active, .box2 a:visited {
color: #EDEDED;
}
/* Footer */
#footer-wrap {
width: 939px;
height: 80px;
margin: 0 auto;
background: #ffffbf;
}
#footer {
margin: 0 auto;
height: 80px;
min-height: 64px;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}
html>body #footer {
height: auto;
}
#footer p {
}
#legal {
clear: both;
padding-top: 30px;
text-align: center;
color: #000000;
}
#legal a {
text-decoration: none;
color: #000000;
}
|
Vielleicht übersehe ich auch nur etwas ?!?
Würde mich über Hilfe freuen
//Craven |
|
Nach oben |
|
|
Kambfhase Häufiger Poster
Anmeldungsdatum: 19.03.2006 Beiträge: 235
|
Verfasst am: 16.08.2009 22:53:01 Titel: |
|
|
Um zu helfen bräuchten wir schon noch den HTML-Code dazu. sonst können wir nur raten. Wenn du noch keinen Webspace hast, kannst du den Quelltext zumindest hier hochladen.
MfG Hase[/url] |
|
Nach oben |
|
|
craven-city
Anmeldungsdatum: 16.08.2009 Beiträge: 3
|
Verfasst am: 17.08.2009 08:30:44 Titel: |
|
|
Ach sorry, da hätte ich auch selber drauf kommen können:
Code: |
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>in Progress</title>
<link href="default.css" rel="stylesheet" type="text/css" />
<style>
<!--
A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: none}
-->
</style>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
</head>
<body>
<div id="wrapper">
<!-- start header -->
<div id="header">
</div>
<!-- end header -->
<div id="logo">
<h1><a href="index.php"></a></h1>
</div>
<!-- start page -->
<div id="page">
<!-- start content -->
<div id="content">
<div class="post">
<div id="layer1"><br />
....
<p> </p>
</div>
<div id="layer2"><p> </p>
<p> </p>
</div>
<h1 class="title"> </h1>
</div>
</div>
<!-- end content -->
<!-- start sidebar -->
<!-- start sidebar -->
<div id="sidebar">
<ul>
<li>
<h2></h2>
<ul>
<li><a href="index.php"><img src="images/home.jpg" width="166" height="36" alt="" border="0"></a></li>
<li><a href="ambient.php"><img src="images/ambient.jpg" width="166" height="36" alt="" border="0"></a></li>
<li><a href="team.php"><img src="images/team.jpg" width="166" height="36" alt="" border="0"></a></li>
<li><a href="spezi.php"><img src="images/spezi.jpg" width="166" height="36" alt="" border="0"></a></li>
<li><a href="feste.php"><img src="images/feste.jpg" width="166" height="36" alt="" border="0"></a></li>
<li><a href="impressionen.php"><img src="images/impressionen.jpg" width="166" height="36" alt="" border="0"></a></li>
<li><a href="contact.php"><img src="images/kontakt.jpg" width="166" height="36" alt="" border="0"></a></li>
</ul>
</li>
</ul>
</div>
<!-- end sidebar -->
<!-- end sidebar -->
<div style="clear: both;"> </div>
</div>
<!-- end page -->
<!-- start footer -->
<div id="footer">
<div id="footer-wrap">
<p id="legal"><b>(c) 2009 <a href="http://www.#####/">....</a></b></p>
</div>
</div>
<!-- end footer -->
</div>
</body>
</html> |
|
|
Nach oben |
|
|
craven-city
Anmeldungsdatum: 16.08.2009 Beiträge: 3
|
Verfasst am: 19.08.2009 20:19:09 Titel: |
|
|
Hat keiner eine Idee? |
|
Nach oben |
|
|
|
|
Du kannst keine Beiträge in dieses Forum schreiben. Du kannst auf Beiträge in diesem Forum nicht antworten. Du kannst deine Beiträge in diesem Forum nicht bearbeiten. Du kannst deine Beiträge in diesem Forum nicht löschen. Du kannst an Umfragen in diesem Forum nicht mitmachen.
|
|
|