ok danke viele gute vorschläge werd mal paar sachen ausprobieren
Beiträge von Necronomicon
-
-
Der Header von der Seite fantasy-carpet wird im FF vollkommen korrekt angezeigt, im IE ist es nahezu gespenstisch er erscheint wann er will mal ist er da mal nicht. Ich denke dass ich bei den float angaben ziemlichen mist gebaut habe und deswegen der header im IE nicht korrekt angezeigt wird.
HTML
Alles anzeigen<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>fantasy-carpet</title> <meta name="description" content="test"> <meta name="keywords" content="test"> <meta name="author" content=""> <meta name="editor" content=""> </head> <style type="text/css"> *{ margin:0; padding:0; } body { font-family:Arial; background-color:#cccccc; font-color:#990000; text-align:left; } a { color:#3333ff; } a:hover { color:#0000cc; text-decoration:underlined; } h1, h2, h3, h4, h5, h6 { color:#990000; font-family:Arial Narrow; } h1 { font-family:Eurostile; font-size:48px; font-weight:lighter; } h2 { font-size:30px; } h3 { font-size:12pt; } h4, h5, h6 { font-size:13px; } #page { background: #ffffff url('') top center repeat-y; width:1051px; margin-left: 100px; float:left; } #header { float:left; height:220px; position:absolute; width:1051px; background-color:#ffffff; top:0px; left:100px; clear:both; } #clearheadercenter { height:220px; overflow:hidden; } #header_box { float:left; margin:0 0 0 20px; height:174px; width:180px; background:url(http://www.fantasy-carpet.de/wp-content/themes/fantasy_carpet/img/Box-css.png); background-repeat:no-repeat; } #header_box li { padding:0px 0px 2px 5px; color:#cc3300; font-size:12px; list-style:none; } #header_photo { float:left; height:174px; width:821px; background:url(http://www.fantasy-carpet.de/wp-content/themes/fantasy_carpet/img/Headphoto.png); background-repeat:no-repeat; } #header_photo h1 { float:left; margin-left:40px; } #description h3 { color:#cc3300; margin:55px 0px 0px 40px; } #header_navi ul li { float:left; text-align:center; height:40px; width:100px; list-style:none; display:inline; margin:45px 10px 0px 40px; font-size:10pt; font-familiy:Arial; color:#990000; background:url(http://www.fantasy-carpet.de/wp-content/themes/fantasy_carpet/img/Button.png); background-repeat:no-repeat; } #header_navi ul a { text-decoration:none; color:#990000; } #header_navi ul a:hover, #header_navi ul a:active { float:left; height:40px; width:100px; text-decoration:underline; background:url(http://www.fantasy-carpet.de/wp-content/themes/fantasy_carpet/img/Button-rot.png); background-repeat:no-repeat; color:#ffffff; } #header_linie { float:left; margin:20px 37px 0px 0px; height:25px; width:746px; background:url(http://www.fantasy-carpet.de/wp-content/themes/fantasy_carpet/img/Linie.png); } #center { margin:0px; width:100%; float:left; } #sidebar { float:left; color:#990000; text-align:center; width:224px; } #sidebar a{ color:#990000; text-decoration:none; } #sidebar a:hover, #sidebar a:active { color:#990000; display:block; height:20px; background-color:#ffffff; } #sidebar_top { height:48px; background:url(http://www.fantasy-carpet.de/wp-content/themes/fantasy_carpet/img/sidebar-top.png); background-repeat:no-repeat; } #sidebar_middle p{ background:url(http://www.fantasy-carpet.de/wp-content/themes/fantasy_carpet/img/sidebar-middle.png); background-repeat:repeat-y; display:block; height:20px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#990000; } #sidebar_bottom { background:url(http://www.fantasy-carpet.de/wp-content/themes/fantasy_carpet/img/sidebar-buttom.png); background-repeat:no-repeat; height:11px; } #content { margin:20px 70px 0 0; width:700px; float:right; line-height: 1.6em; } #footer { float:left; margin-top:20px; height:50px; width:100%; background:url(http://www.fantasy-carpet.de/wp-content/themes/fantasy_carpet/img/Footer.png); } #footer_text { font-size:10px; color:#990000; margin:10px 20px 5px 20px; text-align:center; float:center; } </style> <body> <div id="page"> <div id="clearheadercenter"></div> <div id="center"> <div id="content"> <strong>Teppiche</strong> sind nicht nur modische und gemütliche Wohnungsasessoires, sondern auch zugleich Vermächtnis abendländischer Kulturen. Die meisten Teppiche sind handgeknüpft, von langer Lebensdauer und mit aufwendigen Mustern versehen. Die verschiedenen Teppicharten unterscheiden sich nicht nur durch ihren Herkunftsort, wie etwa Perserteppiche, nomadische Teppiche oder Teppiche aus Afghanistan oder Pakistan, sondern auch durch Fertigung und Produktion. Über den Verwendungszweck von Teppichen lässt sich streiten, ob man den modernen Designerteppich unter dem Tisch im Wohnzimmer ausrollt um das Ambiente zu verbessern oder sich einen antiken Wandteppich in sein Zimmer hängt. Ein gut ausgewählter Teppich trägt auf jeden Fall zu einem fantastischen Wohnklima bei und passt durch seine zahlreichen Variationen zu jeder Umgebung, ob ein Orient Teppich vor dem Kamin ausgelegt, ein runder Deko Teppich, der passend zu den Möbeln, die richtige Atmosphäre in jedem Raum schafft oder ein flauschiger Kinderteppich mit lustigen Motiven. Dem Internet sei Dank müssen Sie nicht nach Persien fliegen um einen qualitativ-hochwertigen und handgeknüpften Teppich zu kaufen. Sie können schnell und einfach eine Auswahl unter mehreren tausend Teppichen treffen, ihren persönlich Favoriten zum günstigsten Preis bestellen und ihn sich bequem bis vor die Haustür liefern lassen. Service dieser Art finden Sie nicht auf jeder "Teppich Domäne", sondern gerade unser Teppich Shop vereint ein großartiges Sortiment von Teppichen mit Effizienz und Kundenservice.</div> <div id="sidebar"> <div id="sidebar_top">Teppiche </div> <div id="sidebar_middle"> <p><a href="http://www.test23sa.de">testetest</a></p> <p><a href="http://www.test23sas.de">Perser Teppiche</a></p> <p><a href="http://www.test23s.de">Kelim Teppiche</a></p> <p><a href="http://www.test23f.de">Nomadische Teppiche</a></p> <p><a href="http://www.test34g.de">Designer Teppiche</a></p> <p><a href="http://www.test45d.de">Moderne Teppiche</a></p> <p><a href="http://www.test34c.de">Moderne Teppiche</a></p> <p><a href="http://www.test23x.de">Moderne Teppiche</a></p> <p><a href="http://www.test23y.de">Moderne Teppiche</a></p> <p><a href="http://www.test12y.de">Moderne Teppiche</a></p> </div> <div id="sidebar_bottom"> </div> </div> </div> <div id="header"> <div id="header_box"> <li><u>Erfahren Sie alles über:</u></li> <li>Designer Teppiche, Orient </li><li>Teppiche, Perser Teppiche,</li><li> Nomadische Teppiche,</li><li> Kelim Teppiche </li> </div> <div id="header_photo"> <h1>fantasy-carpet</h1> <div id="description"> <h3>Die Informationsseite rundum den Teppich</h3> </div> <div id="header_navi"> <ul><li><a href="http://www.test.de"></br>Geschichte</a></li> <li><a href="http://www.test.de"></br>Teppichpflege</a></li> <li><a href="http://www.test.de"></br>Herstellung</a></li> <li><a href="http://www.test.de"></br>Teppicharten</a></li> <li><a href="http://www.test.de"></br>Lexikon</a></li></ul> </div> </div> <div id="header_linie"> </div> </div> <div id="header_linie"></div> <div id="footer"> <div id="footer_text">test test test test test test test test test test test test test,test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test </div> </div> </body> </html>gibts ne möglichkeit die page nicht zu floaten? ich denk dass der fehler dadurch ensteht. wenn ich sie aber nicht floate zeigt der ff die seite nicht korrekt an sprich sie verlängert sich nicht in die länge automatisch mit dem inhalt. ich hab als ausweichmöglichkeit dann mal margin:auto versucht das wird aber nicht vom IE richtig angezeigt.
es ist zum heulen!!! ich hoffe dass mir das forum wie immer weiter helfen kann. danke schon mal für eure antworten
cheers Necronomicon 8-) -
zu meiner vorgeschichte ich wollt mir ein schickes wp theme bauen mit einer horizontalen navi. dass ging auch soweit ganz gut im IE zumindest. als ichn blick mit FF draufgeworfen hab, wars ne einzige katastrophe
ich bin grad dabei alles auszubessern bei einem ding komm ich aber nicht weiter und das is die horizontale navi
hier die schnippsel:HTML
Alles anzeigen<style type="text/css"> #header_navi ul li { padding-top:13px; text-align:center; height:40px; width:100px; list-style:none; display:inline; margin:50px 10px 0px 40px; font-size:10pt; font-familiy:Arial; color:#990000; background:url(img/Button.png); background-repeat:no-repeat; } #header_navi ul a { text-decoration:none; color:#990000; } #header_navi ul a:hover, #header_navi ul a:active { text-decoration:underline; margin-left:0px; height:40px; width:100px; background-image:url(img/Button-Kopie-(rot).png); background-repeat:no-repeat; color:#ffffff; } </style> </head> <body> <div id="page"> <div id="header"> <div id="header_navi"> <ul><li><p>Home</p></li> <li><p><a href="http://www.test123.de">Page</a></p></li> <li><a href="http://www.test123.de"><p>Page1</p></a></li> <li><a href="http://www.test.de"><p>Page2</p></a></li> <li><a href="http://www.test.de"><p>Page3</p></a></li></ul> </div> </div> </div> </body> </html>problem im FF: der ff reagiert gar nicht auf die .css befehle jedenfalls nicht auf die von header_navi ul li ->keine bilder (buttons), kein horizontale anordnung der <li>'s(nur untereinander) und auch auf sonst nichts
:confused:könnte es an den <li> und <ul> liegen:confused:problem im IE: der stellt alles korrekt dar so wie ich es will, aber er verschiebt die a:hover buttons (img/Button-Kopie-(rot).png) nach unten liegt an dem padding-top:13px, wenn ich aber das weglasse is der text nicht in der mitte sondern oberhalb vom button. jemand ne idee wie ich das anders umgehen kann?
vielen dank schon mal für euro antworten und entschuldigt alle rechtschreibfehler es is spät und ich kann mich nicht mehr konzentrieren
mfg Necronomicon -
Sry ich hab schon mal so nen ähnlichen post gemacht, aber das problem hat sich nicht gelöst.
Also meine selbst bearbeitete Sidebar wird anders im IE als in Firefox angezeigt
am Stylesheet liegts nicht das hab ich schon herausgefunden. Sondern an der sidebar.php das hab ich auch rausgefunden, aber an was es genau liegt, weiß ich eben nicht.
Die Sidebar wird im IE mit so komisch großen Abständen zwischen den einzelnen Punkten angezeigt, aber ich will das die Sidebar so wie im FF angezeigt wird.Problemsidebar
PHP
Alles anzeigen<div id="sidebar"> <?php if (is_home()) { $check_home = '1'; } else { $check_home = '0'; } ?> <div class="sidebar_left"> <ul> <li> <?php include('adsense_sidebar.php') ?> </li> <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar(1) ) : ?> <?php endif; ?> </ul> </div> <div class="sidebar_right"> <ul> <li> <ul> <li><h3><font face="Script MT Bold">Der Ratgeber</font></h3></li> <li><a href="http://www.kinder-baby-spielzeug.de/"><ul><font face="Arial Rounded MT Bold">Spielzeug</font></ul></a></li> <li><a href="http://www.kinder-baby-spielzeug.de/funktion-von-spielsachen/"><ul><font face="Arial Rounded MT Bold">Funktion von Spielsachen</font></ul></a></li> <li><a href="http://www.kinder-baby-spielzeug.de/kauf-von-spielzeug/"><ul><font face="Arial Rounded MT Bold">Kauf von Spielzeug</font></ul></a></li> <li><br /></li> <li><h3><font face="Script MT Bold">Altersgerechtes Spielzeug</font></h3></li> <li><a href="http://www.kinder-baby-spielzeug.de/altersgerechtes-spielzeug/babyspielzeug-0-3/"><ul><font face="Arial Rounded MT Bold">Babyspielzeug (o-3)</font></ul></a></li> <li><a href="http://www.kinder-baby-spielzeug.de/altersgerechtes-spielzeug/kleinkinderspielzeug-4-6/"><ul><font face="Arial Rounded MT Bold">Kleinkinderspielzeug (4-6)</font></ul></a></li> <li><a href="http://www.kinder-baby-spielzeug.de/altersgerechtes-spielzeug/kinderspielzeug-7-12/"><ul><font face="Arial Rounded MT Bold">Kinderspielzeug (7-12)</font></ul></a></li> <li><br /></li> <li><h3><font face="Script MT Bold">Gefahren im Spielzeug</font></h3></li> <li><a href="http://www.kinder-baby-spielzeug.de/6/allgemeine-gefahren/"><font face="Arial Rounded MT Bold"><ul>Allgemeine Gefahren</ul></font></a></li> <li><a href="http://www.kinder-baby-spielzeug.de/6/physische-schaden/"><font face="Arial Rounded MT Bold"><ul>Physische Schäden</ul></font></a></li> <li><a href="http://www.kinder-baby-spielzeug.de/6/physische-schaden/blei-in-kinderspielzeug/"><ul><font face="Arial Rounded MT Bold"><ul>Blei in Kinderspielzeug</ul></font></ul></a></li> <li><a href="http://www.kinder-baby-spielzeug.de/6/physische-schaden/luftballons-sind-krebserregend/"<ul><font face="Arial Rounded MT Bold"><ul>Luftballons sind krebserregend</ul></font></ul></a></li> <li><a href="http://www.kinder-baby-spielzeug.de/6/psychische-schaden/"><font face="Arial Rounded MT Bold"><ul>Psychische Schäden</ul></font></a></li> <li><br /></li> <li><h3><font face="Script MT Bold">Spielzeugforum</font></h3></li></a> <ul> <?php wp_list_cats('sort_column=name&optioncount=1&hierarchical=1'); ?> </ul> </li> <li><h3><font face="Script MT Bold">Empfehlungen</font></h3></li> <li><a href="http://www.kinder-baby-spielzeug.de/shops-hersteller/"><font face="Arial Rounded MT Bold"><ul>Shops & Hersteller</ul></font></a></li> <li><a href="http://www.kinder-baby-spielzeug.de/spielsachen/"><font face="Arial Rounded MT Bold"><ul>Spielsachen</ul></font></a></li> </ul> </div> <div style="clear:both;"></div> </div>Vielen Dank noch mal für die hilfreichen Tipps, die ich bei meinem ersten Post erhalten habe.
-
Hier der ganze Abschnitt vom stylesheet
PHP
Alles anzeigen/* Theme Name: ProSense /*-----------Block Level Elements--------------*/ *{ margin:0; padding:0; } body { font: 62.5% 'Lucida Grande', Verdana, Arial, Sans-Serif; background: #ffffff; margin: 0px; padding: 0px; } body a, body a:visited { color: #CC3300; text-decoration: none; } body a:hover { text-decoration: none; } body p { padding: 5px 0px; margin: 5px 0px; } #page { width: 950px; margin: 0px auto; background: #fffafa url('') top center repeat-y; padding: 0 10px 0 10px; } #header { width: 100%; background: #000; height: 100%; background: #fffafa url('images/kinder head 2.jpg') top center repeat-y; } #header h1 { font-size: 3.0em; padding: 0; margin: 0; color: #CC3300; font-family: "Cooper Black", "Cooper Black Unicode", "Cooper Black", Verdana, Arial, sans-serif; } #header h1 a { color: #CC3300; } .description { font-family: "Arial Rounded MT Bold", "Arial Rounded MT Bold Unicode", "Arial Rounded MT Bold", Verdana, Arial, sans-serif; } #header #header_right { float:right; width: 590px; text-align: right; font-size: 1.2em; color: #ffffff; padding: 20px 20px 20px 20px; } #header #header_left { float:left; width: 480px; text-align: left; font-size: 1.2em; color: #CC3300; padding: 10px 60px 20px 20px; } #subscribe { text-align: right; } #wrapper { width: 100%; } #content { float: right; width: 600px; line-height: 1.6em; padding-left: 20px; padding-top: 20px; } #sidebar { float: right; width: 410px; margin-left: 0px; padding-top: 100px; } #footer { color: #fff; width: 100%; clear: both; background: #FFF url('images/header_footer_img.jpg') top center repeat-y; } #footer a, #footer a:hover, #footer a:visited { color: #fff; text-decoration: none; } #footer_left { padding: 10px 0 10px 20px; text-align: left; float: left; width: 480px; line-height: 1.6em; } #footer_right { padding: 10px 20px 10px 0; text-align: right; float: right; width: 390px; margin-left: 0px; } /*-------------Headings-------------*/ h1, h2, h3, h4 { font-family: Helvetica, Arial, Sans-Serif; } h1 { font-size: 3.0em; line-height: 1.0em; } h2 { font-size: 2.0em; } h3 { font-size: 1.5em; } h4 { font-size: 1.0em; } /*-------------The Post-------------*/ .post h2, .post h2 a:hover, .post h2 a:visited, .post h2 a { font-size: 1.4em; text-decoration: none; color: #CC3300; margin-bottom: 10px; line-height: 1.0em; } .post { font-size: 1.2em; margin-bottom: 30px; text-align: justify; } .post p { padding: 5px 0px; margin: 5px 0px; } .post ul, .post ol { margin: 10px 0 10px 0; padding-left: 40px; } .post li { padding: 2px 0 2px 0; } .entry { margin-bottom: 10px; text-align: justify; } .entrytext .postmetadata { margin-top: 20px; text-align: justify; } .postmetadata { border-top: 1px dashed #ccc; padding-top: 2px; margin-bottom: 40px; text-align: right; } .postmetadata alt { border-top: 1px dashed #ccc; padding-top: 2px; margin-bottom: 40px; text-align: left; } .navigation { display:block; margin-bottom: 20px; } #nav { list-style-type : none; text-align : center; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 3.15em; height : 40px; } #nav a { margin: 0px; width : 94px; height : 20px; font-weight : bold; font-style : normal; display : block; padding: 0 0 10px 0; } #nav a:hover { background: #000; } #nav li { float: right; list-style-type: none; margin: 0px; border-right: solid 1px #fff; } .alignleft { float:left; text-align:left; } .alignright { float:right; text-align:right; } .pagetitle { font-size: 1.6em; margin-bottom: 20px; } blockquote { margin: 10px 0 10px 0; padding: 5px 10px 5px 10px; background: #FBF5DF; border-top: solid 1px #EDE0B3; border-bottom: solid 1px #EDE0B3; } code{ font:1.2em 'Courier New',Courier,Fixed; display:block; overflow:auto; text-align:left; margin: 10px 0 10px 0; padding: 5px 10px 5px 10px; background: #FBF5DF; border-top: solid 1px #EDE0B3; border-bottom: solid 1px #EDE0B3; } a img { border: 0; } /*--------------Sidebar------------*/ #sidebar ul { margin-bottom:20px; } #sidebar .sidebar_left ul h2 { padding-bottom: 10px; border-bottom: dashed 1px #EDE0B3; font-size: 1.5em; } #sidebar .sidebar_right ul h2 { padding-bottom: 10px; border-bottom: dashed 1px #D3C69B; font-size: 1.5em; } #sidebar ul li { list-style:none; line-height:1.6em; font-size: 1.1em; } #sidebar ul ul { } #sidebar .sidebar_left ul ul li { border-bottom: dashed 1px #ffffff; } #sidebar .sidebar_right ul ul li { border-bottom: dashed 1px #ffffff; } #sidebar a:hover { text-decoration: underline; } #sidebar .sidebar_left { width: 185px; float: left; padding: 0 10px 0 10px; } #sidebar .sidebar_right { width: 185px; float: right; padding: 0 10px 0 10px; } #sidebar .sidebar_left ul ul li ul{ padding-left:20px; margin-bottom:0; } #sidebar .sidebar_left ul ul li ul li{ list-style:none; line-height:1.6em; font-size: 1.1em; border-bottom:0; } #sidebar .sidebar_right ul ul li ul{ padding-left:20px; margin-bottom:0; } #sidebar .sidebar_right ul ul li ul li{ list-style:none; line-height:1.6em; font-size: 1.1em; border-bottom:0; } /*--------------Comments--------------*/ #comments { font-size: 1.6em; margin-bottom: 20px; border-bottom: 1px dashed #ccc; padding-bottom:20px; } #respond { font-size: 1.6em; margin-bottom: 5px; } ol.commentlist { list-style-type : none; font-size: 1.2em; } ol.commentlist li { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #ccc; } ol.commentlist li.alt { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #ccc; } #comment_title { margin-bottom: 5px; } #commentform { margin-bottom: 20px; } #commentform p { margin-bottom: 10px; } #commentform textarea { width:99%; padding:2px; font-size: 12px; background-color: #fff; border: 1px solid #ccc; } /*--------------Search Form-------------*/ #search { margin-bottom: 20px; text-align: right; } #searchform { margin-bottom: 20px; } #searchform input { width: 180px; background: #fff; } /*-------------Calendar-----------------*/ #wp-calendar { width: 180px; text-align: left; margin-top: 5px; } #wp-calendar th { margin-top: 5px; } #wp-calendar caption { font-size: 1.2em; margin-top: 5px; } /*-------------Other------------------*/ hr { display: none; } #adsense_singlepost_top_square { float: left; margin-right: 10px; } #adsense_singlepost_bottom_square { margin-bottom: 30px; } #adsense_singlepost_top_banner { margin-bottom: 5px; } #adsense_singlepost_bottom_banner { margin-bottom: 30px; } #adsense_homepage_linkunit { margin-bottom: 30px; } #adsense_homepage_banner { margin-bottom: 30px; -
Bin ziemlicher Neuling in wordpress und hab folgende Probleme:
Es geht um die folgende Seite: Spielzeug
1. Ich wollte bei der Seite allgemein den Contentberreich vergrößer, dass hab ich dann auch unterm stylesheet gemacht, indem ich bei content width: 600px
und float: right eingesetzt habe. Nur leider hab ich irgendwas vergessen da sich nun die sidebar unter den content verschoben hat.
Wie kann ich es schaffen, dass die sidebar links vom content erscheint und nicht unten drunter???2. Der IE zeigt meine Sidebar ganz anders als Firefox an! Da zwischen den einzelnen Rubriken ein immenser Abstand ist, den ich beheben und an das Firefoxformat anpassen will. Ich glaube, dass ich einen Beitrag gelesen habe indem stand, dass der IE nicht den Html code <br> lesen kann oder so?
Also wie kann ich es erreichen dass der IE meine Sidebar normal wie mit Firefox anzeigt?MFG MICHAEL