HTMLWorld - HTML, CSS, JavaScript, PHP, Java, Flash und vieles mehrHTMLWorld:   Home | Impressum
 

 
 

Anzeige 
 
HTMLWorld » Forum

Thema anzeigen - IE zieht meine HP nach links

 FAQFAQ   SuchenSuchen   MitgliederlisteMitgliederliste   BenutzergruppenBenutzergruppen   RegistrierenRegistrieren 
 ProfilProfil   Einloggen, um private Nachrichten zu lesenEinloggen, um private Nachrichten zu lesen   LoginLogin 

IE zieht meine HP nach links

 

Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   CSS
Vorheriges Thema:
Nächstes Thema:  
Autor Nachricht
craven-city



Anmeldungsdatum: 16.08.2009
Beiträge: 3

BeitragVerfasst am: 16.08.2009 19:51:35    Titel: IE zieht meine HP nach links Antworten mit Zitat

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 Smile

//Craven
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Kambfhase
Häufiger Poster


Anmeldungsdatum: 19.03.2006
Beiträge: 235

BeitragVerfasst am: 16.08.2009 22:53:01    Titel: Antworten mit Zitat

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
Benutzer-Profile anzeigen Private Nachricht senden
craven-city



Anmeldungsdatum: 16.08.2009
Beiträge: 3

BeitragVerfasst am: 17.08.2009 08:30:44    Titel: Antworten mit Zitat

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>&nbsp;</p>
        </div>
        <div id="layer2"><p>&nbsp;</p>
          <p>&nbsp;</p>
        </div>
        <h1 class="title">&nbsp;</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;">&nbsp;</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
Benutzer-Profile anzeigen Private Nachricht senden
craven-city



Anmeldungsdatum: 16.08.2009
Beiträge: 3

BeitragVerfasst am: 19.08.2009 20:19:09    Titel: Antworten mit Zitat

Hat keiner eine Idee? Sad
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   CSS
Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  
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.