Autor |
Nachricht |
yayz78
Threadersteller
Dabei seit: 02.10.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 02.10.2007 08:47
Titel CSS IE und Firefox - ich flipp aus |
|
|
Hallo,
ich habe ein großes Problem. Ich habe eine Website gemacht welche unter der Firefox sauber angezeigt wird.
www.pointsystem.org
Wenn ich diese aber mit dem IE 6.0 aufrufe wird die Content Box links nicht erweitert nach unten hin. Ich weiß nicht mehr weiter, suche seit 2 Tagen vergebens nach einem Hint.
Das ist meine CSS:
Code: |
body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0;
padding:0;
background-color:#ddd;
min-width:760px;
}
/* THE WRAPPER */
#container {
background:#fff;
margin:0 auto;
width:760px;
}
#top {
height:5px;
background:#fff;
}
#header {
background-image:url(images/pointsystem_logo.jpg);
background-repeat: no-repeat;
padding:5px 5px 5px 5px;
margin-left:5px;
height:40px;
}
#headerimage {
float:left;
background-image:url(images/headerimage.jpg);
height:150px;
width:510px;
}
#headershorty {
float:right;
background-image:url(images/headershorty.jpg);
width:250px;
height:150px;
}
#navleiste {
clear:both;
width:760px;
height:21px;
background:#3152A8;
}
#content {
float:left;
width:585px;
}
#sidebar {
background:#fff;
float:right;
width:175px;
padding-bottom:15px;
}
.thecontent {
padding:5px 5px 5px 15px;
}
.thecontent h3 {font-size:140%;letter-spacing:-1px;}
.thecontent a, .thecontent a:visited {font-size:100%;text-decoration:none;color:#3152A8;}
.thecontent a:hover {text-decoration:underline;}
#subcontent {}
#footer {
clear:both;
font-size:90%;
color:#666;
text-decoration:none;
text-align:right;
padding-top:5px;
padding-bottom:5px;
padding-right:5px;
background-color:#ddd;
}
#footer a, #footer a:visited {
color:#888;
text-decoration:none;
font-weight:bold;
}
|
Kann mir jemand helfen?
gruß
yayz
|
|
|
|
|
Backware
Dabei seit: 09.12.2004
Ort: bei Köln
Alter: 38
Geschlecht:
|
Verfasst Di 02.10.2007 09:30
Titel
|
|
|
setz mal nach dem <div> "navileiste" bzw. nach dem letzten gefloatetem div ein:
Code: | <div style="clear:both;"></div> |
zudem:
Code: | <link rel="Shortcut Icon" href="http://www.pointsystem.org/wp-content/themes/pointSYSTEMv2/favicon.ico"> |
Code: | <link rel="Shortcut Icon" href="http://www.pointsystem.org/wp-content/themes/pointSYSTEMv2/favicon.ico" /> |
Code: | <li class="cat-item cat-item-5"><a href="http://www.pointsystem.org/category/aktuelles/" title="View all posts filed under Aktuelles">Aktuelles</a>
</li> |
dieses LI hat kein UL!
Code: | <li><a href="http://www.pointsystem.org/2007/10/01/website-online/">Website online!</a></li> |
dito
|
|
|
|
|
Anzeige
|
|
|
Kraat
Dabei seit: 05.10.2006
Ort: Köln
Alter: 42
Geschlecht:
|
Verfasst Di 02.10.2007 09:32
Titel
|
|
|
hastes schonmal mit height:auto im Content ausprobiert?
Ansonsten würd ich sagen erst mal alles clearen:
* {
margin:0;
padding:0
}
html,body {
height:100%;
min-height:100%;
}
Gruß
|
|
|
|
|
yayz78
Threadersteller
Dabei seit: 02.10.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 02.10.2007 09:43
Titel
|
|
|
nee, leider wars das nicht. das ist echt zum k***** mit dem IE.
|
|
|
|
|
yayz78
Threadersteller
Dabei seit: 02.10.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 02.10.2007 11:15
Titel
|
|
|
Apropos: IE 7 macht keine Probleme, Firefox auch nicht, nur der IE 6!
|
|
|
|
|
konsumkünstler
Dabei seit: 05.06.2005
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 02.10.2007 11:49
Titel
|
|
|
versuchs mal so. sollte funktionieren.
Code: |
<div id="container">
<div id="navleiste"></div>
<div id="content">
<div class="thecontent">
<div class="posttitle"></div>
<div class="postcontent"></div>
</div>
<div id="sidebar">
<div class="categories"></div>
<div class="excerpts"></div>
</div>
</div>
<div id="footer"></div>
</div>
css:
/*
Theme Name: pointSYSTEM
Theme URI: http://www.pointSYSTEM.org
Description: pointSYSTEM Wordpress Theme
Author: Yavuz Bogazci
Author URI: http://www.softwarefactory78.com
Template:
Version: 2.0
.
Exclusively developed for pointSYSTEM
.
*/
body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0;
padding:0;
background-color:#ddd;
min-width:760px;
}
/* THE WRAPPER */
#container {
background:#fff;
margin:0 auto;
width:760px;
}
#top {
height:5px;
background:#fff;
}
#header {
background-image:url(images/pointsystem_logo.jpg);
background-repeat: no-repeat;
padding:5px 5px 5px 5px;
margin-left:5px;
height:40px;
}
#headerimage {
float:left;
background-image:url(images/headerimage.jpg);
height:150px;
width:510px;
}
#headershorty {
float:right;
background-image:url(images/headershorty.jpg);
width:250px;
height:150px;
}
#navleiste {
clear:both;
width:760px;
height:21px;
background:#3152A8;
}
#content {
float:left;
width:760px;
background-color:#ffffff
}
#sidebar {
float:left;
width:175px;
padding-bottom:15px;
}
.thecontent {
width:575px;
padding:10px 0px 10px 10px;
float:left
}
.thecontent h3 {font-size:140%;letter-spacing:-1px;}
.thecontent a, .thecontent a:visited {font-size:100%;text-decoration:none;color:#3152A8;}
.thecontent a:hover {text-decoration:underline;}
#subcontent {}
#footer {
clear:both;
font-size:90%;
color:#666;
text-decoration:none;
text-align:right;
padding-top:5px;
padding-bottom:5px;
padding-right:5px;
background-color:#ddd;
}
#footer a, #footer a:visited {
color:#888;
text-decoration:none;
font-weight:bold;
}
ul.nav li { list-style-type: none; padding-left:0px; }
ul.nav li { display: inline; width: 100px; float: left; }
ul.nav li a { display: block; color: white; padding: 3px; text-decoration:none;}
ul.nav li a:hover { background: white; text-decoration:none; color: black;font-weight:bold;}
.sidebar_headline {padding-left:10px;top:10px;font-size:110%;color:#000;font-weight:bold;}
.subelements {margin-top:10px;}
.subelements li {display: inline; width: 100px;}
.subelements li a {display: block; color:#888; padding:1px; padding-left:15px; text-decoration:none;}
.categories {margin-top:10px;}
.categories li {display: inline; width: 100px;}
.categories li a, .categories li a:visited {display: block; color:#888; padding:1px; padding-left:15px; text-decoration:none;}
.excerpts {margin-top:10px;}
.excerpts li {display: inline; width: 100px;font-size:90%;}
.excerpts li a, .excerpts li a:visited {display: block; color:#3152A8; padding:1px; padding-left:15px;}
|
cheers
|
|
|
|
|
yayz78
Threadersteller
Dabei seit: 02.10.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 02.10.2007 11:58
Titel
|
|
|
vielen dank werde es heute abend probieren und später posten. du hast die css soweit ich gesehen nicht verändert sondern nur das div konstrukt. !?! danke
gruß
yayz
|
|
|
|
|
konsumkünstler
Dabei seit: 05.06.2005
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 02.10.2007 12:02
Titel
|
|
|
hab das css auch leicht verändert. bei mir hats funktioniert, sowohl im FF als auch bei den gängigen IE´s.
cheers
|
|
|
|
|
|
|
|
Ähnliche Themen |
FireFox 4...
firefox vs. IE
CSS+Firefox
[Probleme] Firefox 1.5
firefox und layer
Firefox CSS PlugIn
|
|