|
|||
Darstellungsfehler - FF & IE7 vs. IE6
Hallo,
wie im Anhang zu sehen verhält sich meine Seite etwas eigenartig. Und zwar ist die Formatierung in Bild 1 falsch nachdem hover ein Links (-> Kommentare) verrückt sich alles in den Zustand wie es eigentlich dargestellt werden soll. Wie kann ich das Problem umgehen? HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="de-DE"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Informationsportal </title> <meta name="generator" content="WordPress 2.6.2" /> <!-- leave this for stats --> <link rel="stylesheet" href="http://server-hyperion/swo_intranet/wp-content/themes/redcross/style.css" type="text/css" media="screen" /> <link rel="alternate" type="application/rss+xml" title="Informationsportal RSS Feed" href="http://server-hyperion/swo_intranet/?feed=rss2" /> <link rel="pingback" href="http://server-hyperion/swo_intranet/xmlrpc.php" /> <meta name='robots' content='noindex,nofollow' /> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://server-hyperion/swo_intranet/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://server-hyperion/swo_intranet/wp-includes/wlwmanifest.xml" /> <script type='text/javascript' src='http://server-hyperion/swo_intranet/wp-includes/js/prototype.js?ver=1.6'></script> <script type='text/javascript' src='http://server-hyperion/swo_intranet/wp-includes/js/scriptaculous/scriptaculous.js?ver=1.8.0'></script> <script type='text/javascript' src='http://server-hyperion/swo_intranet/wp-includes/js/scriptaculous/effects.js?ver=1.8.0'></script> <script type='text/javascript' src='http://server-hyperion/swo_intranet/wp-content/plugins/lightbox-2/lightbox.js?ver=2.2'></script> <meta name="generator" content="WordPress 2.6.2" /> <meta name="wordpress_plugin" content="Cleaner Gallery Version 0.4" /> <link rel='stylesheet' href='http://server-hyperion/swo_intranet/wp-content/plugins/cleaner-gallery/cleaner-gallery.css?ver=0.4' type='text/css' media='screen' /> <!-- begin lightbox scripts --> <script type="text/javascript"> //<![CDATA[ document.write('<link rel="stylesheet" href="http://server-hyperion/swo_intranet/wp-content/plugins/lightbox-2/Themes/Black/lightbox.css" type="text/css" media="screen" />'); //]]> </script> <!-- end lightbox scripts --> <!-- Start Of Script Generated By WP-Polls 2.31 --> <script type="text/javascript"> /* <![CDATA[ */ var polls_ajax_url = 'http://server-hyperion/swo_intranet/wp-content/plugins/wp-polls/wp-polls.php'; var polls_text_wait = 'Your last request is still being processed. Please wait a while ...'; var polls_text_valid = 'Please choose a valid poll answer.'; var polls_text_multiple = 'Maximum number of choices allowed:'; var poll_show_loading = 1; var poll_show_fading = 1; /* ]]> */ </script> <script type='text/javascript' src='http://server-hyperion/swo_intranet/wp-includes/js/tw-sack.js?ver=1.6.1'></script> <script type='text/javascript' src='http://server-hyperion/swo_intranet/wp-content/plugins/wp-polls/polls-js-packed.js?ver=2.31'></script> <link rel="stylesheet" href="http://server-hyperion/swo_intranet/wp-content/plugins/wp-polls/polls-css.css" type="text/css" media="screen" /> <style type="text/css"> .wp-polls .pollbar { margin: 1px; font-size: 8px; line-height: 10px; height: 10px; background-image: url('http://server-hyperion/swo_intranet/wp-content/plugins/wp-polls/images/default_gradient/pollbg.gif'); border: 1px solid #369; } </style> <!-- End Of Script Generated By WP-Polls 2.31 --> <!--[if lte IE 6]><link rel="stylesheet" href="style_ie.css" type="text/css" media="screen" /><![endif]--> </head> <body> <div class="inbody"> <div class="header"> <div class="wrap"> </div> </div> <div class="wrap_nav"> <ul> <li class="page_item current_page_item"><a href="http://server-hyperion/swo_intranet">Aktuelles</a></li> <li class="page_item page-item-58"><a href="http://server-hyperion/swo_intranet/?page_id=58" title="Preise & Tarife">Preise & Tarife</a></li> <li class="page_item page-item-67"><a href="http://server-hyperion/swo_intranet/?page_id=67" title="Gesetze">Gesetze</a></li> <li class="page_item page-item-14"><a href="http://server-hyperion/swo_intranet/?page_id=14" title="Linkliste">Linkliste</a></li> <li class="page_item page-item-73"><a href="http://server-hyperion/swo_intranet/?page_id=73" title="FAQ">FAQ</a></li> </ul> <div class="clear"></div> </div> <div class="content"> <div class="leftcontent"> <div class="post" id="post-49"> <div class="posthead"> <h2><a href="http://server-hyperion/swo_intranet/?p=49" title="Ab dem 01.10.2008 neue TAB Strom">Ab dem 01.10.2008 neue TAB Strom</a></h2> <span class="postmeta"> <span class="postmeta_date">14. Oktober 2008</span> <span class="postmeta_author"><a href="mailto:jantz@sw-or.de">Anne-Kathrin Jantz</a></span> <span class="postmeta_kategorie"><a href="http://server-hyperion/swo_intranet/?cat=14" title="Alle Artikel in Gesetzesänderungen ansehen" rel="category">Gesetzesänderungen</a></span> <span class="postmeta_kommentar"><a href="http://server-hyperion/swo_intranet/?p=49#comments" title="Kommentiere Ab dem 01.10.2008 neue TAB Strom">3 Kommentare</a></span> </span> </div> <div class="postcontent"> <p><strong>Ab dem 01.10.2008 gelten die Technischen Anschlussbedingungen für den Anschluss an das Niederspannungsnetz TAB NS Nord Strom</strong></p> <p>Für die Bundesländer Berlin, Brandenburg, Hamburg, Mecklenburg-Vorpommern und Schleswig-Holstein</p> <ul> <li>Diesen Technischen Anschlussbedingungen (TAB) liegt die „Verordnung über Allgemeine Bedingungen für den Netzanschluss und dessen Nutzung für die Elektrizitätsversorgung in Niederspannung” (Niederspannungsanschlussverordnung - NAV) vom 1. November 2006 zugrunde. Sie gelten für den Anschluss und den Betrieb von Anlagen, die gemäß § 1 Abs. 1 dieser Verordnung an das Niederspannungsnetz des Netzbetreibers angeschlossen sind oder angeschlossen werden.</li> <li>Die Technischen Anschlussbedingungen sind für Anlagen anzuwenden, die neu an das Verteilungsnetz angeschlossen werden bzw. bei einer Erweiterung </li> </ul> <p> <a href="http://server-hyperion/swo_intranet/?p=49#more-49" class="more-link">weiterlesen…</a></p> </div> </div> <div class="post" id="post-51"> <div class="posthead"> <h2><a href="http://server-hyperion/swo_intranet/?p=51" title="Ab dem 01.09.2008 gelten neue Erdgaspreise!">Ab dem 01.09.2008 gelten neue Erdgaspreise!</a></h2> <span class="postmeta"> <span class="postmeta_date">13. Oktober 2008</span> <span class="postmeta_author"><a href="mailto:jantz@sw-or.de">Anne-Kathrin Jantz</a></span> <span class="postmeta_kategorie"><a href="http://server-hyperion/swo_intranet/?cat=3" title="Alle Artikel in Tarife & Preise ansehen" rel="category">Tarife & Preise</a></span> <span class="postmeta_kommentar"><a href="http://server-hyperion/swo_intranet/?p=51#respond" title="Kommentiere Ab dem 01.09.2008 gelten neue Erdgaspreise!">0 Kommentare</a></span> </span> </div> <div class="postcontent"> <p>Hier im Anhang sind die aktuellen Erdgaspreise zu Eurer Information.</p> <p>Anhang:<br /> <a href="http://server-hyperion/swo_intranet/wp-content/uploads/2008/10/gaspreise-ab-01-09-2008-evo.pdf">Erdgaspreise ab dem 01.09.2008</a></p> </div> </div> </div> <div class="rightcontent"> <div class="sidebar" id="Blue"> <div class="item"> <h3><span class="h_light">Neue</span> Artikel</h3> <ul class="new_entries"> <li><a href='http://server-hyperion/swo_intranet/?p=49' title='Ab dem 01.10.2008 neue TAB Strom'>Ab dem 01.10.2008 neue TAB Strom</a></li> <li><a href='http://server-hyperion/swo_intranet/?p=51' title='Ab dem 01.09.2008 gelten neue Erdgaspreise!'>Ab dem 01.09.2008 gelten neue Erdgaspreise!</a></li> </ul> <h3><span class="h_light">Neue</span> Kommentare</h3> <ul class="new_comments"> <li><a href="http://server-hyperion/swo_intranet/?p=49#comment-8" title="Ab dem 01.10.2008 neue TAB Strom, 14. Oktober 2008"><strong>Jens Hellmeier:</strong> ich wieder…</a></li> <li><a href="http://server-hyperion/swo_intranet/?p=49#comment-6" title="Ab dem 01.10.2008 neue TAB Strom, 14. Oktober 2008"><strong>Jens Hellmeier:</strong> Und ein weiterer Eintrag von mir :P</a></li> <li><a href="http://server-hyperion/swo_intranet/?p=49#comment-5" title="Ab dem 01.10.2008 neue TAB Strom, 14. Oktober 2008"><strong>Jens Hellmeier:</strong> ### TEST ### Ein sehr interessante Post,...</a></li> </ul> </div> </div> <div class="sidebar" id="Orange"> <div class="item"> <h3>Kategorie</h3> <ul class="half"> <li class="cat-item cat-item-14"><a href="http://server-hyperion/swo_intranet/?cat=14" title="Alle unter Gesetzesänderungen abgelegten Artikel ansehen">Gesetzesänderungen</a> </li> <li class="cat-item cat-item-3"><a href="http://server-hyperion/swo_intranet/?cat=3" title="Alle unter Tarife & Preise abgelegten Artikel ansehen">Tarife & Preise</a> </li> </ul> <h3>Warum diese Seite?! </h3> <p>Ganz einfach. Um den grad an aktualität von aktuellen und wichtigen Informationen für unsere Unternehmen und unserer Mitarbeiter bereit zu stellen.</p> </div> </div> <div class="sidebar" id="Green"> <div class="item"> <h3>Intern</h3> <ul> <li><a href="http://server-hyperion/swo_intranet/wp-admin/">Admin</a></li> <li><a href="http://server-hyperion/swo_intranet/wp-login.php?action=logout">Abmelden</a></li> </ul> <div class="clear"></div> </div> </div> </div><div class="clear"></div> </div> </div> <div class="footer"> <p><span class="alignleft">© by Jens Hellmeier - Informationsportal 2008</span> </p> <div class="clear"></div> </div> </body> </html> Code:
* { border:0 none; margin:0; padding:0; } body { background:#FFFFFF url(images/background.gif) repeat-x scroll left top; color:#000000; font-family:'Verdana','Trebuchet MS','Arial',sans-serif; margin:0; padding:10px 0 2px; } h1, h2, h3, h4, h5 { color:#336699; font-family:'Georgia','Times New Roman'; font-weight:normal; margin:0; padding:0; } p, ul { font-size:12px; letter-spacing:0.1px; line-height:18px; } ul { margin:0 0 10px 25px; } .alignleft { float:left; } a { color:#336699; } a:hover { color:#000000; text-decoration:none; } .alignright { float:right; } .wrap, .wrap_inheader, .content, .wrap_nav { margin:0 auto; padding:10px; width:900px; } .content { background:#FFFFFF none repeat scroll 0 0; border-bottom:1px dotted #336699; } .wrap { background:#FFFFFF url(images/header_bg.jpg) no-repeat scroll center top; height:200px; } .clear { display:inline-block; } .clear { display:block; } * html .clear { height:1%; } .inheader { background:#FFFFFF none repeat scroll 0 0; border-bottom:4px solid #CCDDEE; border-top:2px solid #CCDDEE; padding:10px 0; } .inheader .alignleft { color:#7C9AA9; font-size:14px; margin-top:2px; width:500px; } .inheader .alignright { text-align:right; width:400px; } .inheader .textinput { background:#CAE9FB none repeat scroll 0 0; border:1px solid #CAE9FB; padding:3px; width:220px; } .inheader .submitinput { background:#5FA6CF none repeat scroll 0 0; border:1px solid #5FA6CF; color:#FFFFFF; padding:2px; } .header { background:#336699 none repeat scroll 0 0; height:200px; margin:0; padding:0; } .header h1 { font-family:'Arial','Trebuchet'; font-size:30px; } .header h1 a { background:#FFFFFF none repeat scroll 0 0; color:#E35325; padding:15px; text-decoration:none; } .header p { color:#6B92AA; font-size:14px; margin:10px 0 30px 0; width:400px; } .wrap_nav { background:#336699 none repeat scroll 0 0; border-bottom:2px solid #CCDDEE; border-top:4px solid #CCDDEE; font-family:"Lucida Sans Unicode"; padding:0 10px; } .wrap_nav ul { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; } .wrap_nav ul li { display:inline; } .wrap_nav ul li a { background:#336699 none repeat scroll 0 0; color:#FFFFFF; display:block; float:left; font-size:18px; margin-right:7px; padding:5px 0; text-align:center; text-decoration:none; width:130px; } .wrap_nav ul li.current_page_item a, .header ul li.current_page_item a:hover { background:#CCDDEE none repeat scroll 0 0; color:#336699; padding-bottom:5px; } .wrap_nav ul li a:hover { background:#FFFFFF none repeat scroll 0 0; color:#336699; } .leftcontent { float:left; margin-right:15px; width:535px; } .rightcontent { float:right; width:320px; } .post { margin-bottom:20px; } .post h2, .rightcontent h3, .comments h2 { font-family:'Georgia','Times New Roman'; font-size:24px; } .post h2 a { color:#336699; padding:5px; text-decoration:none; } .posthead h2 a:hover { background:#336699 none repeat scroll 0 0; color:#FFFFFF; } .postmeta { color:#336699; display:block; font-size:11px; margin-top:15px; } .postmeta_date { background:#336699 none repeat scroll 0 0; color:#FFFFFF; display:inline; padding:5px; } .postmeta_author a { background:#CCDDEE none repeat scroll 0 0; color:#000000; display:inline; padding:5px; text-decoration:none; } .postmeta_author a:hover { background:#336699 none repeat scroll 0 0; color:#FFFFFF; } .postmeta_kategorie a { background:#336699 none repeat scroll 0 0; color:#FFFFFF; display:inline; padding:5px; text-decoration:none; } .postmeta_kategorie a:hover { background:#CCDDEE none repeat scroll 0 0; color:#000000; } .postmeta_kommentar a { background:#CCDDEE none repeat scroll 0 0; color:#000000; display:inline; padding:5px; text-decoration:none; } .postmeta_kommentar a:hover { background:#336699 none repeat scroll 0 0; color:#FFFFFF; } .posthead { background:#FFFFFF none repeat scroll 0 0; border-left:5px solid #336699; padding:10px; } .postcontent, .singlepage { margin:10px 0 0 10px; } .postcontent h2, .singlepage h2 { font-size:20px; } .postcontent p, .singlepage p { font-size:12px; letter-spacing:0.1px; line-height:18px; margin-bottom:5px; } .postcontent a, .singlepage a { color:#336699; padding:3px; } .postcontent a:hover, .singlepage a:hover { background:#336699 none repeat scroll 0 0; color:#FFFFFF; text-decoration:none; } .postcontent blockquote a, .singlepage blockquote a { color:#336699; } .postcontent blockquote, .singlepage blockquote { background:#CCDDEE url(images/blockqoute.gif) no-repeat scroll left top; color:#000000; margin:0 0 0 20px; padding:10px 20px 10px 60px; } .postcontent img, .singlepage img { margin:10px; padding:0; } .postcontent a img, .singlepage a img { border:medium none; margin:10px; padding:5px; } .postcontent a:hover img, .singlepage a:hover img { border:2px solid #336699; padding:3px; } .singlepage h2 { background:#336699 none repeat scroll 0 0; color:#FFFFFF; margin-top:20px; padding:5px; } .singlepage h3 { border-bottom:1px solid #336699; font-size:16px; margin:5px 0; padding:5px; } #lightboxlink { margin:0; padding:0; } .linklist { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0 0 10px 0; padding:0; } .linklist h2 { margin-bottom:10px; margin-top:10px; } .linklist li { margin-bottom:5px; margin-top:5px; } #Categories { background:transparent url(images/folder.jpg) no-repeat scroll left center; display:block; margin-bottom:5px; padding-left:20px; width:390px; } #Categories, #Comments { color:#336699; } #Comments { display:block; text-align:right; width:110px; } #Comments a { background:transparent url(images/comments.jpg) no-repeat scroll left center; padding-left:20px; } .sidebar { margin-bottom:10px; padding:1px 10px 10px; } .sidebar h3 { font-size:20px; margin-bottom:5px; margin-top:10px; padding-bottom:4px; } .sidebar ul { list-style-image:none; list-style-position:outside; list-style-type:none; margin:5px 0 0; padding:0; } .sidebar ul li { margin-bottom:7px; padding-bottom:7px; } .sidebar ul.half li { float:left; margin-bottom:7px; padding-bottom:7px; width:149px; } .sidebar .alignleft { width:160px; } .sidebar .alignright { text-align:right; width:130px; } .sidebar .alignright a { text-decoration:none; } .sidebar p { font-size:11px; line-height:14px; margin:0; } .h_light { background:#336699 none repeat scroll 0 0; color:#FFFFFF; font-variant:small-caps; padding:2px 5px; } .sidebar ul li a { color:#336699; display:block; padding:5px 3px; } .sidebar ul li a:hover, .sidebar ul li a:active { background:#336699 none repeat scroll 0 0; color:#FFFFFF; } .new_entries, .new_comments { font-size:11px; } .sidebar .new_entries a { background:transparent url(images/page.png) no-repeat scroll left center; padding-left:18px; text-decoration:none; } .sidebar .new_entries a:hover { background:#336699 url(images/page.png) no-repeat scroll left center; padding-left:18px; } .sidebar .new_comments a { background:transparent url(images/comment.png) no-repeat scroll left top; padding-left:18px; text-decoration:none; } .sidebar .new_comments a:hover { background:#336699 url(images/comment.png) no-repeat scroll left top; padding-left:18px; } #Blue { background:#FFFFFF none repeat scroll 0 0; border-left:2px solid #336699; color:#336699; } #Blue h3 { border-bottom:1px solid #336699; color:#336699; } #Blue ul li { border-bottom:1px solid #CCDDEE; margin:0; padding:0; } #Orange { background:#CCDDEE none repeat scroll 0 0; border-right:2px solid #336699; color:#336699; } #Orange h3 { border-bottom:1px solid #FFFFFF; color:#336699; } #Orange ul li { border-bottom:1px solid #CCDDEE; margin:0; padding:0; } #Green { background:#FFFFFF none repeat scroll 0 0; border-left:2px solid #336699; color:#336699; } #Green h3 { border-bottom:1px solid #336699; color:#336699; } #Green ul li { border-bottom:1px solid #CCDDEE; margin:0; padding:0; } .box1 { float:left; margin:15px 35px 15px 0; width:270px; } .box2 { float:left; margin:15px 15px 15px 0; width:270px; } .box3 { background:transparent url(images/rightfoot.jpg) no-repeat scroll left top; float:right; margin:15px 0; width:270px; } .box1 p, .box2 p, .box3 p { background:#93CBDC none repeat scroll 0 0; color:#25819D; font-size:13px; line-height:16px; padding:5px; width:270px; } .box1 a, .box2 a, .box3 a { background:#FFFFFF none repeat scroll 0 0; color:#FF3C00; } .footer2 { color:#25819D; margin:0 auto; padding:0 0 20px; width:885px; } .header h4 { background:#FFFFFF none repeat scroll 0 0; color:#FF3C00; font-size:16px; font-weight:bold; padding:2px; } .footer2 a { background:#FFFFFF none repeat scroll 0 0; color:#FF3C00; padding:2px; text-decoration:none; } .footer2 p { width:885px; } .comentariu, .commentform { padding:10px; width:500px; } .comentariu { background:#CCDDEE none repeat scroll 0 0; border-left:2px solid #336699; margin:10px 0; } .alt { background:transparent none repeat scroll 0 0; border-left:medium none; border-right:2px solid #336699; } .comments h2 { background:#FFFFFF none repeat scroll 0 0; border-left:5px solid #336699; margin:10px 0; padding:10px; } .commentform span { display:block; font-size:14px; margin:6px 0; } .commentform input, .commentform textarea { background:#CCDDEE none repeat scroll 0 0; border-color:-moz-use-text-color -moz-use-text-color -moz-use-text-color #336699; border-style:none none none solid; border-width:medium medium medium 3px; color:#336699; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:16px; font-weight:bold; padding:8px; width:450px; } .commentform textarea { letter-spacing:0.1px; line-height:22px; } .commentform input.subscribe_button { margin-top:10px; width:468px; } .comentariu .comment-meta { border-bottom:1px solid #FFFFFF; color:#336699; font-size:11px; padding-bottom:10px; padding-top:5px; } .comentariu .comment-meta .date { background:#FFFFFF none repeat scroll 0 0; color:#000000; display:inline; padding:5px; } .comentariu .comment-meta .author { background:#FFFFFF none repeat scroll 0 0; color:#000000; display:inline; padding:5px; } .comentariu .comment-meta .mail a { background:#336699 none repeat scroll 0 0; color:#FFFFFF; display:inline; padding:5px; text-decoration:none; } .comentariu .comment-meta .mail a:hover { background:#FFFFFF none repeat scroll 0 0; color:#000000; } .alt .comment-meta { border-bottom:1px solid #336699; color:#336699; font-size:11px; padding-bottom:10px; padding-top:5px; } .alt .comment-meta .date { background:#CCDDEE none repeat scroll 0 0; color:#000000; display:inline; padding:5px; } .alt .comment-meta .author { background:#CCDDEE none repeat scroll 0 0; color:#000000; display:inline; padding:5px; } .alt .comment-meta .mail a { background:#336699 none repeat scroll 0 0; color:#FFFFFF; display:inline; padding:5px; text-decoration:none; } .alt .comment-meta .mail a:hover { background:#CCDDEE none repeat scroll 0 0; color:#000000; } .rssfeed { background:transparent url(images/rss.jpg) no-repeat scroll left center; padding-left:22px; } .footer { background:#FFFFFF none repeat scroll 0 0; color:#336699; padding:10px; } .footer p { margin:0 auto; width:900px; }
__________________
### Projekte ### Blog | blog.jenshellmeier.de Twitcharts | twitcharts.de iPhone Navigation | iphone-nav.com Geändert von mk-gfx (27.10.2008 um 17:01 Uhr) |
Sponsored Links |
|
|||
Doch, ich habe eine Menge Ideen
Aber so ist das eine Zumutung. Viel Code, zusammenbauen und suchen dürfen wir selber^^ Schau doch mal in meine Sig Mit nachfolgendem Testcase ( eigentlich deine Aufgabe) konnte ich dein Problem an einem IE7 + IE 5.5 nicht nachvollziehen: Möglicherweise hilft es, deiner span class postmeta einen entsprechenden seitlichen Abstand zuzuweisen HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"> <head> <title>Titel</title> <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" /> <meta name="description" content="" /> <meta name="author" content="" /> <meta name="keywords" content="" /> <meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" /> <style type ="text/css"> <!-- * { border:0 none; margin:0; padding:0; } body { background:#FFFFFF url(images/background.gif) repeat-x scroll left top; color:#000000; font-family:'Verdana','Trebuchet MS','Arial',sans-serif; margin:0; padding:10px 0 2px; } h1, h2, h3, h4, h5 { color:#336699; font-family:'Georgia','Times New Roman'; font-weight:normal; margin:0; padding:0; } p, ul { font-size:12px; letter-spacing:0.1px; line-height:18px; } ul { margin:0 0 10px 25px; } .alignleft { float:left; } a { color:#336699; } a:hover { color:#000000; text-decoration:none; } .alignright { float:right; } .wrap, .wrap_inheader, .content, .wrap_nav { margin:0 auto; padding:10px; width:900px; } .content { background:#FFFFFF none repeat scroll 0 0; border-bottom:1px dotted #336699; } .wrap { background:#FFFFFF url(images/header_bg.jpg) no-repeat scroll center top; height:200px; } .clear { display:inline-block; } .clear { display:block; } * html .clear { height:1%; } .inheader { background:#FFFFFF none repeat scroll 0 0; border-bottom:4px solid #CCDDEE; border-top:2px solid #CCDDEE; padding:10px 0; } .inheader .alignleft { color:#7C9AA9; font-size:14px; margin-top:2px; width:500px; } .inheader .alignright { text-align:right; width:400px; } .inheader .textinput { background:#CAE9FB none repeat scroll 0 0; border:1px solid #CAE9FB; padding:3px; width:220px; } .inheader .submitinput { background:#5FA6CF none repeat scroll 0 0; border:1px solid #5FA6CF; color:#FFFFFF; padding:2px; } .header { background:#336699 none repeat scroll 0 0; height:200px; margin:0; padding:0; } .header h1 { font-family:'Arial','Trebuchet'; font-size:30px; } .header h1 a { background:#FFFFFF none repeat scroll 0 0; color:#E35325; padding:15px; text-decoration:none; } .header p { color:#6B92AA; font-size:14px; margin:10px 0 30px 0; width:400px; } .wrap_nav { background:#336699 none repeat scroll 0 0; border-bottom:2px solid #CCDDEE; border-top:4px solid #CCDDEE; font-family:"Lucida Sans Unicode"; padding:0 10px; } .wrap_nav ul { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; } .wrap_nav ul li { display:inline; } .wrap_nav ul li a { background:#336699 none repeat scroll 0 0; color:#FFFFFF; display:block; float:left; font-size:18px; margin-right:7px; padding:5px 0; text-align:center; text-decoration:none; width:130px; } .wrap_nav ul li.current_page_item a, .header ul li.current_page_item a:hover { background:#CCDDEE none repeat scroll 0 0; color:#336699; padding-bottom:5px; } .wrap_nav ul li a:hover { background:#FFFFFF none repeat scroll 0 0; color:#336699; } .leftcontent { float:left; margin-right:15px; width:535px; } .rightcontent { float:right; width:320px; } .post { margin-bottom:20px; } .post { margin-bottom:20px; } .post h2, .rightcontent h3, .comments h2 { font-family:'Georgia','Times New Roman'; font-size:24px; } .post h2 a { color:#336699; padding:5px; text-decoration:none; } .posthead h2 a:hover { background:#336699 none repeat scroll 0 0; color:#FFFFFF; } .postmeta { color:#336699; display:block; font-size:11px; margin-top:15px; } .postmeta_date { background:#336699 none repeat scroll 0 0; color:#FFFFFF; display:inline; padding:5px; } .postmeta_author a { background:#CCDDEE none repeat scroll 0 0; color:#000000; display:inline; padding:5px; text-decoration:none; } .postmeta_author a:hover { background:#336699 none repeat scroll 0 0; color:#FFFFFF; } .postmeta_kategorie a { background:#336699 none repeat scroll 0 0; color:#FFFFFF; display:inline; padding:5px; text-decoration:none; } .postmeta_kategorie a:hover { background:#CCDDEE none repeat scroll 0 0; color:#000000; } .postmeta_kommentar a { background:#CCDDEE none repeat scroll 0 0; color:#000000; display:inline; padding:5px; text-decoration:none; } .postmeta_kommentar a:hover { background:#336699 none repeat scroll 0 0; color:#FFFFFF; } .posthead { background:#FFFFFF none repeat scroll 0 0; border-left:5px solid #336699; padding:10px; } .postcontent, .singlepage { margin:10px 0 0 10px; } .postcontent h2, .singlepage h2 { font-size:20px; } .postcontent p, .singlepage p { font-size:12px; letter-spacing:0.1px; line-height:18px; margin-bottom:5px; } .postcontent a, .singlepage a { color:#336699; padding:3px; } .postcontent a:hover, .singlepage a:hover { background:#336699 none repeat scroll 0 0; color:#FFFFFF; text-decoration:none; } .postcontent blockquote a, .singlepage blockquote a { color:#336699; } .postcontent blockquote, .singlepage blockquote { background:#CCDDEE url(images/blockqoute.gif) no-repeat scroll left top; color:#000000; margin:0 0 0 20px; padding:10px 20px 10px 60px; } .postcontent img, .singlepage img { margin:10px; padding:0; } .postcontent a img, .singlepage a img { border:medium none; margin:10px; padding:5px; } .postcontent a:hover img, .singlepage a:hover img { border:2px solid #336699; padding:3px; } .singlepage h2 { background:#336699 none repeat scroll 0 0; color:#FFFFFF; margin-top:20px; padding:5px; } .singlepage h3 { border-bottom:1px solid #336699; font-size:16px; margin:5px 0; padding:5px; } #lightboxlink { margin:0; padding:0; } .linklist { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0 0 10px 0; padding:0; } .linklist h2 { margin-bottom:10px; margin-top:10px; } .linklist li { margin-bottom:5px; margin-top:5px; } #Categories { background:transparent url(images/folder.jpg) no-repeat scroll left center; display:block; margin-bottom:5px; padding-left:20px; width:390px; } #Categories, #Comments { color:#336699; } #Comments { display:block; text-align:right; width:110px; } #Comments a { background:transparent url(images/comments.jpg) no-repeat scroll left center; padding-left:20px; } .sidebar { margin-bottom:10px; padding:1px 10px 10px; } .sidebar h3 { font-size:20px; margin-bottom:5px; margin-top:10px; padding-bottom:4px; } .sidebar ul { list-style-image:none; list-style-position:outside; list-style-type:none; margin:5px 0 0; padding:0; } .sidebar ul li { margin-bottom:7px; padding-bottom:7px; } .sidebar ul.half li { float:left; margin-bottom:7px; padding-bottom:7px; width:149px; } .sidebar .alignleft { width:160px; } .sidebar .alignright { text-align:right; width:130px; } .sidebar .alignright a { text-decoration:none; } .sidebar p { font-size:11px; line-height:14px; margin:0; } .h_light { background:#336699 none repeat scroll 0 0; color:#FFFFFF; font-variant:small-caps; padding:2px 5px; } .sidebar ul li a { color:#336699; display:block; padding:5px 3px; } .sidebar ul li a:hover, .sidebar ul li a:active { background:#336699 none repeat scroll 0 0; color:#FFFFFF; } .new_entries, .new_comments { font-size:11px; } .sidebar .new_entries a { background:transparent url(images/page.png) no-repeat scroll left center; padding-left:18px; text-decoration:none; } .sidebar .new_entries a:hover { background:#336699 url(images/page.png) no-repeat scroll left center; padding-left:18px; } .sidebar .new_comments a { background:transparent url(images/comment.png) no-repeat scroll left top; padding-left:18px; text-decoration:none; } .sidebar .new_comments a:hover { background:#336699 url(images/comment.png) no-repeat scroll left top; padding-left:18px; } #Blue { background:#FFFFFF none repeat scroll 0 0; border-left:2px solid #336699; color:#336699; } #Blue h3 { border-bottom:1px solid #336699; color:#336699; } #Blue ul li { border-bottom:1px solid #CCDDEE; margin:0; padding:0; } #Orange { background:#CCDDEE none repeat scroll 0 0; border-right:2px solid #336699; color:#336699; } #Orange h3 { border-bottom:1px solid #FFFFFF; color:#336699; } #Orange ul li { border-bottom:1px solid #CCDDEE; margin:0; padding:0; } #Green { background:#FFFFFF none repeat scroll 0 0; border-left:2px solid #336699; color:#336699; } #Green h3 { border-bottom:1px solid #336699; color:#336699; } #Green ul li { border-bottom:1px solid #CCDDEE; margin:0; padding:0; } .box1 { float:left; margin:15px 35px 15px 0; width:270px; } .box2 { float:left; margin:15px 15px 15px 0; width:270px; } .box3 { background:transparent url(images/rightfoot.jpg) no-repeat scroll left top; float:right; margin:15px 0; width:270px; } .box1 p, .box2 p, .box3 p { background:#93CBDC none repeat scroll 0 0; color:#25819D; font-size:13px; line-height:16px; padding:5px; width:270px; } .box1 a, .box2 a, .box3 a { background:#FFFFFF none repeat scroll 0 0; color:#FF3C00; } .footer2 { color:#25819D; margin:0 auto; padding:0 0 20px; width:885px; } .header h4 { background:#FFFFFF none repeat scroll 0 0; color:#FF3C00; font-size:16px; font-weight:bold; padding:2px; } .footer2 a { background:#FFFFFF none repeat scroll 0 0; color:#FF3C00; padding:2px; text-decoration:none; } .footer2 p { width:885px; } .comentariu, .commentform { padding:10px; width:500px; } .comentariu { background:#CCDDEE none repeat scroll 0 0; border-left:2px solid #336699; margin:10px 0; } .alt { background:transparent none repeat scroll 0 0; border-left:medium none; border-right:2px solid #336699; } .comments h2 { background:#FFFFFF none repeat scroll 0 0; border-left:5px solid #336699; margin:10px 0; padding:10px; } .commentform span { display:block; font-size:14px; margin:6px 0; } .commentform input, .commentform textarea { background:#CCDDEE none repeat scroll 0 0; border-color:-moz-use-text-color -moz-use-text-color -moz-use-text-color #336699; border-style:none none none solid; border-width:medium medium medium 3px; color:#336699; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:16px; font-weight:bold; padding:8px; width:450px; } .commentform textarea { letter-spacing:0.1px; line-height:22px; } .commentform input.subscribe_button { margin-top:10px; width:468px; } .comentariu .comment-meta { border-bottom:1px solid #FFFFFF; color:#336699; font-size:11px; padding-bottom:10px; padding-top:5px; } .comentariu .comment-meta .date { background:#FFFFFF none repeat scroll 0 0; color:#000000; display:inline; padding:5px; } .comentariu .comment-meta .author { background:#FFFFFF none repeat scroll 0 0; color:#000000; display:inline; padding:5px; } .comentariu .comment-meta .mail a { background:#336699 none repeat scroll 0 0; color:#FFFFFF; display:inline; padding:5px; text-decoration:none; } .comentariu .comment-meta .mail a:hover { background:#FFFFFF none repeat scroll 0 0; color:#000000; } .alt .comment-meta { border-bottom:1px solid #336699; color:#336699; font-size:11px; padding-bottom:10px; padding-top:5px; } .alt .comment-meta .date { background:#CCDDEE none repeat scroll 0 0; color:#000000; display:inline; padding:5px; } .alt .comment-meta .author { background:#CCDDEE none repeat scroll 0 0; color:#000000; display:inline; padding:5px; } .alt .comment-meta .mail a { background:#336699 none repeat scroll 0 0; color:#FFFFFF; display:inline; padding:5px; text-decoration:none; } .alt .comment-meta .mail a:hover { background:#CCDDEE none repeat scroll 0 0; color:#000000; } .rssfeed { background:transparent url(images/rss.jpg) no-repeat scroll left center; padding-left:22px; } --> </style> </head> <body> <div class="content"> <div class="leftcontent"> <div class="post" id="post-49"> <div class="posthead"> <h2><a href="#" title="Ab dem 01.10.2008 neue TAB Strom">Ab dem 01.10.2008 neue TAB Strom</a></h2> <span class="postmeta"> <span class="postmeta_date">14. Oktober 2008</span> <span class="postmeta_author"><a href="mailto:jantz@sw-or.de">Anne-Kathrin Jantz</a></span> <span class="postmeta_kategorie"><a href="#" title="Alle Artikel in Gesetzesänderungen ansehen" rel="category">Gesetzesänderungen</a></span> <span class="postmeta_kommentar"><a href="#" title="Kommentiere Ab dem 01.10.2008 neue TAB Strom">3 Kommentare</a></span> </span> </div></div> </div></div> </body> </html>
__________________
Grüsse Andreas- auch mal wieder da... Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams) Wiedergelesen: > hier und hier [Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte Geändert von andir (29.10.2008 um 11:13 Uhr) Grund: Edit 2: IE 7 hinzugefügt |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Diverse Probleme in IE6 und IE7 | shredder01 | CSS | 6 | 13.03.2010 13:56 |
Fehlendes(?) oder falsch positioniertes Hintergrundbild in IE6 und IE7 | shredder01 | CSS | 4 | 28.11.2009 21:38 |
Darstellungsproblem Pulldown Menü IE6 zu IE7 | GigiASB | CSS | 8 | 24.12.2008 01:27 |
Mausposition (IE6, IE7, FF) | Blacksoul | Javascript & Ajax | 1 | 24.11.2007 04:47 |
Unterschiedliche Breite IE6 / IE7 | pacific | CSS | 10 | 02.07.2007 12:22 |