Ergebnis 1 bis 5 von 5

Thema: zu große unterschiede

  1. #1
    gelöschter User
    Gast

    Standard zu große unterschiede

    Hallo,
    ich hab mal wieder ein problem diesmal gehts darum das meine seite im Mozilla firefofx gut aussieht aber in opera und ie sch.... !
    Da steht mein eines menü total schrecklich an der falschen stelle aber warum?
    Nicht wundern das das alles test und so heisst ist alles noch ein test!
    Meine quellcodes sind
    stylesheet:
    Code:
    body{
    	background-color:black;
    	color:#000000;
    	margin:3px;
    	}
    a:link,a:visited{
    	COLOR:#37548C;TEXT-DECORATION:none
    	}
    a:hover,a.stats:hover{
    	COLOR:#37546F;TEXT-DECORATION:underline
    	}
    div.submenu{
    	background-color:#FFFFFF;
    	text-align:left;
    	border-top:1px solid #3b3b3b;
    	border-bottom:1px solid #3b3b3b;
    	margin-bottom:2px;
    	background-image:url(submenu.gif);
    	} 
    a.submenu:link,a.submenu:visited,a.submenu:hover{
    	color:#000000;
    	font-weight:bold;
    	font-size:13px
    	} 
    .maintitel{
    	text-align:left;
    	font-size: 20px;
    	color:#6b6b6b;
    	padding:3px;
    }
    .main{
    	border:1px solid #000000;
    	background-color:orange;
    	width:966px;
    	text-align:left;
    	margin:0px auto;
    	}
    .menu_left{
    	padding-left:3px;
    	float:left;
    	width:136px;
    	}
    .main_menu{
    	margin-left:5px;
    	margin-right:5px;
    	margin-top:5px;
    	float:left;
    	width:674px;
    	background-color:#FFFFFF;
    	border-right:1px solid #3b3b3b;
    	border-left:1px solid #3b3b3b;
    	border-top:3px solid #3b3b3b;
    	border-bottom:3px solid #3b3b3b;
    	HEIGHT: 100%
    	}
    .main_right{
    	padding-right:3px;
    	float:right;
    	width:136px;
    	}
    .header{
    	background-color:orange;
    	height:70px;
    	padding-left:30px;
    	padding-top:27px;
    	font-size: 20px;
    	}
    .menu_left_1{
    	width:120px;
    	font-size: 13px;
    	color:#000000;
    	font-weight:bold;
    	text-align:left;
    	padding-left:7px;
    	}
    .menu_left_2{
    	background-color:#FAFAFA;
    	font-size: 11px;
    	text-align:left;
    	border-right:1px solid #3b3b3b;
    	border-left:1px solid #3b3b3b;
    	border-top:3px solid #3b3b3b;
    	border-bottom:2px solid #3b3b3b;
    	} 
    
    a.menu:link,a.menu:visited{color:#000000;DISPLAY:block;padding-left:2px;TEXT-DECORATION:none;border-bottom:1px solid #3b3b3b;}
    a.menu:hover{background-color:#5b5b5b;TEXT-DECORATION:none;color:#FFFFFF;padding-left:2px;}
    
    div,font,body{font-family: Times new Roman,Arial,Courier New sans-serif;font-size: 12px}
    mein index:
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http&#58;//www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
    <html>
    <head>
    <title>Homepage of Checker</title>
    <link rel="stylesheet" type="text/css" href="style/style.css">
    </head>
    <body style="text-align&#58;center;">
    <div class="main">
    <link rel="shortcut icon" href="img/icon.ico" >
    	<div class="header"><center>[img]image.png[/img]</div>
    
    	<div class="submenu">
    
    		<div align="center" style="margin&#58;2px">
    		 | About Me
                     | Banner
    		 | Fun
    		 | Links
    		 | News
    		</div>
    	</div>
    	
    	
    	<div class="menu_left">
    
    		<div class="menu_left_1">TestMenü</div>
    		<div class="menu_left_2">
    		Test
    		Test
    		Test
    		Test
    
    		Test
    		</div>	
    	
    		<div class="menu_left_1">TestMenü</div>
    		<div class="menu_left_2">
    		Test
    		Test
    		Test
    
    		Test
    		Test
    		</div>
    		
    		<div class="menu_left_1">TestMenü</div>
    		<div class="menu_left_2">
    		Test
    		Test
    
    		Test
    		Test
    		Test
    		</div>
    	
    		<div class="menu_left_1">TestMenü</div>
    		<div class="menu_left_2">
    		Test
    
    		Test
    		Test
    		Test
    		Test
    		</div>
    
    		<div class="menu_left_1">
    
    			
    		</div>
    		<div class="menu_left_2">
    
    		</div>
    
    		
    	</div>
    	
    	<div class="main_menu"
    		Willkommen
    <div align="center" style="margin&#58;5px">
    			<div align="center" style="padding&#58;8px">
    
    
    <center>
                 
     Hallo schön das du dich auf meiner seite verirrt hast!
                               
    
    
    <h1>News</h1>
    
    <hr>
    <h4>19.4.07</h4>
    <h3>Neues Design</h3>
    Ich hoffe dieses neue design der seite gefällt euch!
    Mir persönlich gefällt es viel besser da es vorher 
    vom Menü nicht gut aus sah und die inhalte nicht so gut formatiert waren!
    </hr>
    <hr>
    <h3>Neuer Link "News"</h3>
    Wie ihr seht ist die startseite jetzt mit News gefüllt wie zb. diese
    neuigkeit! Ich finde das ist eine gute sache ich werde hier neue sachen
     aufschreiben und alte news dann wieder rauslöschen!
    So kann ich euch über neue seitenbereiche oder neue linkpartner!
    
    </hr>
    </center>
    
    			</div>
    		</div>
    
    
    	</div>
    
    	
    	<div class="main_right">
    
    		<div class="menu_left_1">TestMenü</div>
    		<div class="menu_left_2">
    		Test
    		Test
    
    		Test
    		Test
    		Test
    		</div>
    
    		<div class="menu_left_1">TestMenü</div>
    		<div class="menu_left_2">
    
    		Test
    		Test
    		Test
    		Test
    		Test
    		</div>
    
    		<div class="menu_left_1">TestMenü</div>
    		<div class="menu_left_2">
    		Test
    		Test
    		Test
    		Test
    
    		Test
    		</div>
    
    		<div class="menu_left_1">TestMenü</div>
    		<div class="menu_left_2">
    		Test
    		Test
    
    		Test
    		Test
    		Test
    		</div>
    
    	</div>
    
    	<br style="clear&#58; both">
    
    
    
    
    </p>
    	
    </div>
    
    </body>
    </html>
    MFG Josua[/code]
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    ich nehme stark an des liegt am padding und margin.

    ff rechnet des glaub ich zu width dazu, ie zieht es ab (oder andersrum).
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  3. #3
    gelöschter User
    Gast

    Standard

    mhm... danke driver!

    MFG Josua

  4. #4
    Interessierte/r
    Registriert seit
    02.04.2007
    Ort
    Düsseldorf
    Beiträge
    138
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Also eine Lösung habe ich nicht, aber ich habe es mittlerweile 1:1 im IE und Mozilla. Aber Opera... ist ganz schlimm. Der interpretiert selbst einfache Farbcodes falsch und hat andere Größenverhältnisse, was Tabellen angeht. Opera kann man meiner Meinung nach vergessen. Es ist praktisch unmöglich eine (anspruchsvolle) Webseite für alle drei Browser zu entwickeln. Aber für IE und Mozilla geht es immerhin.

  5. #5
    Prinz(essin) Avatar von Lizzard
    Registriert seit
    19.02.2006
    Ort
    München
    Beiträge
    788
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Kann das jetzt gar nicht nachvollziehen... hatte noch nie Probleme, meine Website für Opera tauglich zu bekommen. Die Farbfalschinterpretationen kann ich mir eigentlich nur bei "orange" vorstellen, da da der Browser ja selbst zu entscheiden bekommt, welches Orange er darstellt. Ist ja auch logisch
    Hab grad kein Opera da, sonst könnt ich noch behilflicher sein, als mit meinem Gelaber
    Sometimes you have a programming problem and it seems like the best solution is to use regular expressions; now you have two problems.

Ähnliche Themen

  1. css unterschiede
    Von gast im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 21.09.2007, 22:52
  2. Unterschiede bei der Anzeige
    Von driver im Forum Zope & Plone - das deutsche Hilfeforum
    Antworten: 12
    Letzter Beitrag: 22.03.2007, 16:41
  3. Unterschiede firefox - IE
    Von immer wieser ich im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 04.10.2006, 18:13
  4. Unterschiede IE und Mozilla
    Von JarJar im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 17.01.2006, 20:53
  5. Unterschiede in Browsern
    Von eraserx im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 14.09.2004, 19:46

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •