IE-Brwoser -Zeilenabstand zu groß

Dominik_

Der Zeilenabstand Links in meiner rechten Sidebar sind im Internetexplorer zu groß, im Safari, Firefox usw optimal. Was muss ich tun, damit es im Internetexplorer auch so aussieht?

Url: maennerfrisuren*org

Teil 1

Code

* 
Theme Name: WP-Multiflex-3
Theme URI: webgazette.co.uk/web-design/wordpress-themes/wp-multiflex-3/
Description: Theme based on Multiflex-3, designed by 1-2-3-4.info/">Wolfgang</a> 
Version: 1.3
Author: 
Author URI: webgazette.co.uk
*/


/* Various elements */


body {
	background-color: #000000;
	margin: 10px 0;
	font: 72% Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #ffffff;
}


div {
	margin: 0;
	padding: 0;
}


p {
	font-size: 1.1em;
}


a {color: #ffffff;}


a:visited {color: #ffffff;}


a:hover {color: #ffffff;}






code {
	font-size: 1.1em;
	display: block;
	font-family: "Courier New", Courier, monospace;
	background-color: #ffffff;
	padding: 5px;
	margin: 10px;
	border: 1px solid #ffffff;
}


blockquote {
	background: url(images/quote.gif) left no-repeat;
	margin: 0;
	padding: 0 40px 0 40px;
	text-align: justify;
	font-size: 0.9em;
}


/* Main wrapper */


#wrap {
	background: url(images/bg_main_withnav.jpg) repeat-y top left;
	width: 900px;
	margin:  0 auto;
	border: 1px solid #000000;
}


/* Masthead --- top of header */


#masthead {
	background: url(images/bg_head_top.jpg) no-repeat top left;
	height: 81px;
	margin: 0;
	padding: 0;
	font-family:"trebuchet ms",arial,sans-serif;
}


/* Site name, description and logo */


#masthead div.left-masthead {
	float: left;
	width: 820px;
	height: 81px;
}


#masthead a.site-logo {
	float: left;
	background: url(images/bg_head_top_logo.jpg);
	height: 40px;
	width: 60px;
	margin: 22px 5px 20px 20px;
}


#masthead h1 {
	text-transform: uppercase;
	padding: 19px 0 0 0;
	margin: 0;
	font-size: 2.2em;
	font-weight: bold;
}


#masthead h1 a {
	color: #ffffff;
	text-decoration: none;
}


#masthead h1 a:hover {
	color: #ffffff;
}


#masthead p.description {
	margin: -5px 0 0 0;
	padding: 0;
	font-weight: bold;
	color: #ffffff;
}


/* Left hand side of masthead */


#masthead div.right-masthead {
	float: right;
	margin: 0;
	padding: 0;
}


#masthead div.right-masthead a.rss-logo {
	background: url(images/rss.gif);
	height: 64px;
	width: 64px;
	margin: 9px 9px 0 0;
	display: block;
}


#masthead div.right-masthead a.rss-logo:hover {
	background: url(images/rss-hover.gif);
}


/* Middle header image and text */


#header {
	background: url(images/bg_head_middle.jpg) no-repeat top left;
	height: 150px;
	margin: 0;
	padding: 0;
	color: #ffffff;
}


#header #textbox {
	float: right;
	width: 900px;
	text-align: right;
	font-weight: bold;
}


#header a {
	color: #ffffff;
	text-decoration: none;
}


#header a:hover {
	color: #000000;
}


#header h2 {
	font-family:"trebuchet ms",arial,sans-serif;
	padding: 20px 20px 5px 10px;
	margin: 0;
	font-size: 2em;
}


#header p {
	font-family:"trebuchet ms",arial,sans-serif;
	margin: 0;
	padding: 0 20px 5px 20px;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 18px;
}


/* Horizontal navigation menu */


#navigation {
	clear: both;
	background: url(images/bg_head_bottom_nav.jpg) no-repeat top left;
	height: 40px;
}


#navigation ul {
	margin: 0;
	padding: 0;
}


#navigation li {
	margin: 0px;
	height: 40px;
	float: left;
	list-style: none;
	border-right: 1px solid #000000;
}


#navigation li a {
	font-family:"trebuchet ms",arial,sans-serif;
	display: block;
	padding: 11px 14px 11px 14px;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.105em;
	text-decoration: none;
}


#navigation li a:hover {
	background-color: #ffffff;
	color: #000000;
}


/* Breadcrumbs and search bar */


#crumb-search {
	background: url(images/bg_head_breadcrumbs.jpg) top left repeat-y;
	height: 40px;
	margin: 0;
	padding: 0;
}


/* Breadcrumbs */


#breadcrumb {
	float: left;
	padding: 0 0 0 15px;
	margin: 10px 0 0 0;
	color: #000000;
	font-weight: bold;
	font-size: 0.9em;
	width:700px;
}


#breadcrumb a {
	background: url(images/bg_bullet_arrow.gif) left no-repeat;
	padding: 0 2px 0 10px;
	text-decoration: underline;
	color: #ffffff;
}


#breadcrumb a:hover {
	color: #ffffff;
	text-decoration: none;
}


/* Search form */


#searchbar {
	float: right;
	margin: 0;
	padding: 0;
}


#searchbar fieldset {
	border: none;
	margin: 0;
	padding: 0;
}


#searchform {
	padding: 10px 15px 0 0;
	color: #000000;
}


#searchbox {
	border: 1px solid #ffffff;
	height: 17px;
	width: 120px;
}


#searchbutton {
	background-color: #E6E6E6;
	border: 1px solid #BEBEBE;
	color: #808080;
	padding:0;
	font-size: 1em;
	height: 20px;
	width: 35px;
	text-align: center;
	cursor: pointer;
}


#searchbutton:hover {
	background-color: #dcdcdc;
	color: #404040;
	border: 1px solid #404040;
}


/* Container wrappers */


#container {
	clear: both;
	margin: 0;
	padding: 0; 
}


#left-wrap {
	width: 690px;
	float: left;
	margin: 0;
	padding: 0;
}


/* Main content area */


#content {
	float: right;
	width: 480px;
	margin: 0;
	padding: 0;
}


#content .post, #content .page {
	margin: 0;
	padding: 0 15px 10px 15px;
}


#content h2 {
	font-size: 1.8em;
	font-family:"trebuchet ms",arial,sans-serif;
	margin: 0;
	padding: 0;
	border-bottom: 7px solid #a2d3bc;
	color: #ffffff;
}


#content h2 a {
	color: #ffffff;
	text-decoration: underline;
}


#content h2 a:hover {
	color: #ffffff;
	text-decoration: underline;
}


#content h2.pagetitle {
	border-bottom: none;
	background: #ffffff url(images/bg_corner_topright.gif) top right no-repeat;
	font-family:"trebuchet ms",arial,sans-serif;
	color: #ffffff;
	margin: 0 15px 20px 15px;
	padding: 3px 5px;
	font-size: 1.3em;
}


#content .entry h1 {
	font-size: 2em;
	color: #ffffff;
}


#content .entry h2 {
	font-size: 1.8em;
	color: #ffffff;
	border-bottom: none;
}


#content .entry h3 {
	font-size: 1.5em;
	color: #ffffff;
}


#content .entry h4 {
	font-size: 1.1em;
	color: #ffffff;
}


#content a {
	text-decoration: underline;
}


#content a:hover {
	text-decoration: underline;
}


#content p {
	font-size: 1.1em;
}


#content p.prefix {
	margin: 0;
	padding: 0;
	font-size: 1em;
}


#content p.suffix {
	font-size: 0.9em;
	background: #ffffff url(images/bg_corner_topright.gif) top right no-repeat;
	color: #ffffff;
	padding: 5px;
	font-weight: normal;
	line-height: 16px;
	clear: both;
}


#content p.suffix a {
	color: #ffffff;
	text-decoration: underline;
}


#content p.suffix a:hover {
	color: #ffffff;
	text-decoration: underline;
}


#content p.edit {
	margin: 0;
	padding: 0;
	font-size: 0.9em; 
}


#content ul, #content ol {
	padding: 6px 0 6px 30px;
	margin: 0 0 0 30px;
}


#content li {
	font-size: 1.05em;
	padding: 2px 0 2px 0;
}


#content ul li {
	list-style: square url(images/bg_bullet_full_2.gif);
}


.navigation, .bottomnavigation {
	height: 15px;
}


.navigation .alignleft, .bottomnavigation .alignleft {
	float: left	
}


.navigation .alignright, .bottomnavigation .alignright {
	float: right;
}


.entry {
	overflow: hidden;
}


.entry a {
	overflow: hidden;
}


.entry img {
	overflow: hidden;
}


/* Monsterous hack to get IE6 to cut off an image bigger than the post area */


* html .entry p {
	width: 99%;
	overflow: hidden;
}

Alles anzeigen

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Dominik_

TEIL 2

Code

/* Sidebars */


/* Colour of right sidbar menu header */
#right-sidebar h2 {
	background-color: #000000;
}


/* Colour of right sidebar menu body */
#right-sidebar ul ul, #right-sidebar li, #right-sidebar li li, #right-sidebar li li li {
	background-color: #000000;
}


/* Colour of left sidebar menu header */
#sidebar h2.pages, #sidebar li h2 {
	background-color: #000000;	
}


/* Left sidebar */


#sidebar {
	width: 250px;
	padding: 0 0 10px 0;
	margin: 0;
}


#sidebar ul {
	margin: 0;
	padding: 0;
}


#sidebar li {
	list-style: none;
}


#sidebar h2.pages {
	color: #fffff;
	background-image: url(images/bg_corner_topright.gif);
	background-position: top right;
	background-repeat: no-repeat;
	margin: 0 0 10px 0;
	padding: 5px 0 5px 20px;
}


#sidebar li h2 {
	background-image: none;
	color: #fffff;
	font-size: 1.2em;
	margin: 10px 0 5px 0;
	padding: 5px 0 5px 20px;
}


#sidebar a {
	font-size: 1.1em;
	color: #ffffff;
	font-weight: bold;
	text-decoration: underline;
}




#sidebar li li {
	padding: 0;
	margin: 0 0 0 20px;
}


#sidebar  li li a {
	background: url(images/bg_bullet_full_1.gif) left no-repeat;
	padding-left: 10px;
	line-height: 20px;
}


#sidebar li li a:hover {
	background: url(images/bg_bullet_full_2.gif) no-repeat left;
	color: #ffffff;
	text-decoration: underline;
}


#sidebar li li li {
	padding: 0;
	margin: 0 0 0 10px;	
}


#sidebar li li li a {
	background: url(images/bg_bullet_half_1.gif) left no-repeat;
	padding-left: 10px;
	line-height: 20px;
}


#sidebar li li li a:hover {
	background: url(images/bg_bullet_half_2.gif) left no-repeat;
	color: #ffffff;
	text-decoration: underline;
}


#sidebar li.recentcomments {
	padding: 2px 0 2px 0;
	margin: 0 10px 0 10px;
	font-size: 1em;
	border-bottom: 1px solid #000000;
}


#sidebar li.recentcomments a {
	font-size: 1em;
	background-image: none;
}


#sidebar li#recentposts ul li.recentposts a {
	padding: 0;
	margin: 0;
	background-image: none;
	font-size: 0.95em;
} 


#sidebar li#recentposts ul li.recentposts {
	border-bottom: 1px solid #000000;
	margin: 0 10px 0 10px;
	padding: 2px 0 2px 0;
}


#sidebar div.textwidget {
	padding: 2px 10px 2px 10px;
	margin: 0;
}


#sidebar div.textwidget p {
	font-size: 1em;
	padding: 0;
	margin: 0; 
}


#sidebar div#calendar_wrap {
	text-align: center;
	margin: 0;
	padding: 0 0 0 15px;
}


#sidebar #wp-calendar {
	text-align: center;
}


#sidebar #wp-calendar a {
	text-decoration: underline;
}


#sidebar td {
	font-size: 0.9em;
	border: 1px solid #000000;
	padding: 3px;
	background-color: #000000;
}


#sidebar td.pad {
	border: none;
	background: 000000;
}


#sidebar td#prev, #sidebar td#next {
	border: none;	
	background: 000000;
}


#sidebar #today {
	background-color: #000000;
}


/* Right sidebar */


#right-sidebar {
	float: right;
	width: 200px;
	margin: 0;
	padding: 0;
}


#right-sidebar ul {
	list-style: none;
	width: 186px;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	overflow: hidden;
}


#right-sidebar ul ul {
	margin: 0;
	padding: 0;
}


#right-sidebar span {
	background: url(images/bg_corner_topleft.gif) top left no-repeat;
	padding: 5px 5px 5px 10px;
}


#right-sidebar h2 {
	background-image: url(images/bg_corner_topright.gif);
	background-position: top right;
	background-repeat: no-repeat;
	padding: 5px 0 5px 0;
	margin: 0 0 7px 0;
	font-size: 1.2em;
	color: #ffffff;
}


/* Change spacing below right hand menus */
#right-sidebar li {
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
}


#right-sidebar li li {
	background-image: none;
	margin: 0;
	padding: 0 0 0 10px;
	border-bottom: none;
}


#right-sidebar li li li {
	margin: 0;
	padding: 0 10px 0 10px;
	border-bottom: none;


}


#right-sidebar a {
	line-height: 16px;
	text-decoration: underline;
}


#right-sidebar li li a {
	background: url(images/bg_bullet_full_2.gif) left no-repeat;
	padding-left: 12px;
}


#right-sidebar li li li a {
	background: url(images/bg_bullet_half_2.gif) left no-repeat;
	padding-left: 12px;
}


#right-sidebar a:hover {
	text-decoration: underline;
}


#right-sidebar li.recentcomments {
	padding: 2px 10px 5px 0;
	margin: 0 10px 0 10px;
	border-bottom: 1px solid #000000; 
}


#right-sidebar li.recentcomments a {
	background-image: none;
}


#right-sidebar li.recentposts {
	padding: 2px 0 5px 0;
	margin: 0 10px 0 10px;
	border-bottom: 1px solid #000000; 
}


#right-sidebar li.recentposts a {
	margin: 0;
	padding: 0;
	background-image: none;
}


#right-sidebar div.textwidget {
	padding: 2px 10px 2px 10px;
}


#right-sidebar div.textwidget p {
	font-size: 1em;
	padding: 0;
	margin: 0; 
}


#right-sidebar div#calendar_wrap {
	text-align: center;
	margin: 0;
	padding: 5px 5px 0 7px;
}


#right-sidebar #wp-calendar {
	text-align: center;
}


#right-sidebar #wp-calendar a {
	text-decoration: underline;
}


#right-sidebar td {
	font-size: 0.9em;
	border: 1px solid #000000;
	padding: 3px;
	background-color: #000000;
}


#right-sidebar td.pad {
	border: none;
	background: transparent;
}


#right-sidebar td#prev, td#next {
	border: none;	
	background: transparent;
}


#right-sidebar #today {
	background-color: #000000;
}


/* Footer */


#footer {
	clear: both;
	background: url(images/bg_foot.jpg) no-repeat top left;
	height: 50px;
	text-align: center;
}


#footer p {
	padding: 10px 0 2px 0;
	color: #ffffff;
	font-size: 0.9em;
}


#footer a {
	text-decoration: underline;
	color: #ffffff;
}


#footer a:hover {
	text-decoration: underline;
	color: #ffffff;
}


/* Comment form */


h3#respond, h3#comments {
	font-size: 1.2em;
	margin; 0;
	padding: 0;
}


#commentwrap {
	background-color: #000000;
	border: 1px solid #000000;
	padding: 0 10px 10px 10px;
	margin: 0 15px 10px 15px;
}


#commentform {
	margin: 0;
	padding: 10px;
	border: 1px solid #ffffff;
}


#author {
	border: 1px solid #ffffff;
	height: 17px;
	width: 190px;
}


#email {
	border: 1px solid #ffffff;
	height: 17px;
	width: 190px;
}


#url {
	border: 1px solid #ffffff;	
	height: 17px;
	width: 190px;
}


#comment {
	width: 405px;
	border: 1px solid #ffffff;
}


#submit {
	background-color: #000000;
	border: 1px solid #ffffff;
	color: #ffffff;
	padding:0;
	font-size: 1em;
	height: 30px;
	width: 405px;
	text-align: center;
	cursor: pointer;	
}


#submit:hover {
	background-color: #000000;
	color: #ffffff;
	border: 1px solid #ffffff;
}


/* Comments display */


#content ol.commentlist {
	padding: 0 0px 0 0px;
	margin: 0 15px 10px 30px;
}


#content ol.commentlist li {
	background: #000000 url(images/bg_corner_topright.gif) no-repeat top right;
	margin: 5px 0 5px 0;
	padding: 10px;
}


#content ol.commentlist li.alt {
	background: #000000 url(images/bg_corner_topright.gif) top right no-repeat;
}


/* Images */


img.left {
	float: left;
	margin: 5px 5px 0 0;
	padding: 5px;
	border: 1px solid #E6E6E6;
}


img.right {
	float: right;
	margin: 5px 0 0 5px;
	padding: 5px;
	border: 1px solid #E6E6E6;
}


.entry img.wp-smiley {
	border: none;
	margin: 0;
	padding: 0;
}


.entry img {
	margin: 5px;
	padding: 5px;	
	border: 1px solid #E6E6E6;
}


.entry a img {
	border: 1px solid #E6E6E6;
}


.entry a:hover img {
	border: 1px solid #ffffff;
}


/* Various styles */


.strong {
	font-weight: bold;
	font-size: 1.1em;
}

Alles anzeigen

gericoach

benutze mal die Suchfunktion, da gab es schon sehr gute Erklärungen zum Thema.

Dominik_

Die Suche hat mir nicht weitergeholfen. Jedenfalls wüsste ich nicht, nach was ich noch suchen sollte außer "Zeilenumbruch".

Könnte natürlich <br></br> mit vielen " " ersetzen, aber ob das die beste Lösung ist? Gehen würde es jedefanlls .

perryzelda

das hat mit dem Zeilenumbruch nichts zu tun.

schau dir unter #right sidebar die margins und paddings an und ändere die Werte zum Ausprobieren. Der IE addiert da die Werte.
zB.

Code

#right-[URL="http://forum.wordpress-deutschland.org/lexikon/?do=showentry&item=sidebar"]sidebar[/URL] li {
    margin: 0 0 [COLOR=Red]15px[/COLOR] 0;
    padding: 0 0 [COLOR=Red]15px[/COLOR] 0;
}

Dominik_

hab die Werte mal auf 10px runtergesetzt, aber da tut sich nichts.

koslowski

Zitat von perryzelda
das hat mit dem Zeilenumbruch nichts zu tun.
schau dir unter #right sidebar die margins und paddings an und ändere die Werte zum Ausprobieren. Der IE addiert da die Werte.
zB.
Code
#right-[URL="http://forum.wordpress-deutschland.org/lexikon/?do=showentry&item=sidebar"]sidebar[/URL] li {
    margin: 0 0 [COLOR=Red]15px[/COLOR] 0;
    padding: 0 0 [COLOR=Red]15px[/COLOR] 0;
}

Wenn du dir mal die HP angeschaut hättest, solltest du gesehen haben, dass das Menü in der rechten Sidebar gar keine Liste ist. ;)

Zitat von Dominik_

Könnte natürlich <br></br> mit vielen " " ersetzen, aber ob das die beste Lösung ist? Gehen würde es jedefanlls .

Eine derartig bescheue.... Umsetzung eines Menüs habe ich eigentlich noch nie gesehen. Wer kommt denn auf sowas?
Das ist so schlecht, das es schon wieder gut ist. :lol:

Ein Menü ist eine Aufzählung von Links und gehört in eine Liste.

  zu nehmen ist genauso daneben wie die br für den Umbruch.
Die Abstände werden mit margin/padding geregelt und nicht mit diesen Zeichen.

Mach doch mal ein normales menü für die sidebar und sorge dafür das a und u.U. li noch HasLayout haben, dann klappts auch im IE. ;)

perryzelda

Zitat von koslowski

Wenn du dir mal die HP angeschaut hättest, solltest du gesehen haben, dass das Menü in der rechten Sidebar gar keine Liste ist. ;)

Da hast du recht, hab mir nur das stylesheet angeschaut .... tsss, so was.:oops:
Aber dann ist ja wenigstens klar, warum da ein Ändern nix hilft

koslowski

Zitat von perryzelda

Da hast du recht, hab mir nur das stylesheet angeschaut .... tsss, so was.:oops:
Aber dann ist ja wenigstens klar, warum da ein Ändern nix hilft

kein Problem, ist mir auch schon passiert. :-)

Dominik_

danke werde mal das sidebar-widget "Pages1" einbauen. Ich hoffe mal, dass google dann nicht wieder alles neu berechnet und meine Seite schlechter rankt.

Dominik_

ne das geht so auch nicht, ich möchte ja den Linktext anders bennen, als die eigentliche Unterseite.

Wie kann man das lösen?

Muss wohl doch auf   zurückgreifen^^

koslowski

Zitat von Dominik_

ne das geht so auch nicht, ich möchte ja den Linktext anders bennen, als die eigentliche Unterseite.
Wie kann man das lösen?

man kann den Permalinks im Backend doch einen beliebigen Namen verpassen, der nix mit dem Linktext zu tun hat. :roll:

Zitat von Dominik_

Muss wohl doch auf   zurückgreifen^^

I break together!! :shock:

Dominik_

Ne, die Url soll ja genauso heißen wie die Überschrift, nur der Linktext nicht.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

IE-Brwoser -Zeilenabstand zu groß

Jetzt mitmachen!