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:
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://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: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:2px">
| [url='about.htm']About Me[/url]
| [url='banner.htm']Banner[/url]
| [url='fun.htm']Fun[/url]
| [url='links.htm']Links[/url]
| [url='index.htm']News[/url]
</div>
</div>
<div class="menu_left">
<div class="menu_left_1">TestMenü</div>
<div class="menu_left_2">
[url='#']Test[/url]
[url='#']Test[/url]
[url='#']Test[/url]
[url='#']Test[/url]
[url='#']Test[/url]
</div>
<div class="menu_left_1">TestMenü</div>
<div class="menu_left_2">
[url='#']Test[/url]
[url='#']Test[/url]
[url='#']Test[/url]
[url='#']Test[/url]
[url='#']Test[/url]
</div>
<div class="menu_left_1">TestMenü</div>
<div class="menu_left_2">
[url='#']Test[/url]
[url='#']Test[/url]
[url='#']Test[/url]
[url='#']Test[/url]
[url='#']Test[/url]
</div>
<div class="menu_left_1">TestMenü</div>
<div class="menu_left_2">
[url='#']Test[/url]
[url='#']Test[/url]
[url='#']Test[/url]
[url='#']Test[/url]
[url='#']Test[/url]
</div>
<div class="menu_left_1">
</div>
<div class="menu_left_2">
</div>
</div>
<div class="main_menu"
Willkommen
<div align="center" style="margin:5px">
<div align="center" style="padding: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">
[url='#']Test[/url]
[url='#']Test[/url]
[url='#']Test[/url]
[url='#']Test[/url]
[url='#']Test[/url]
</div>
<div class="menu_left_1">TestMenü</div>
<div class="menu_left_2">
[url='#']Test[/url]
[url='#']Test[/url]
[url='#']Test[/url]
[url='#']Test[/url]
[url='#']Test[/url]
</div>
<div class="menu_left_1">TestMenü</div>
<div class="menu_left_2">
[url='#']Test[/url]
[url='#']Test[/url]
[url='#']Test[/url]
[url='#']Test[/url]
[url='#']Test[/url]
</div>
<div class="menu_left_1">TestMenü</div>
<div class="menu_left_2">
[url='#']Test[/url]
[url='#']Test[/url]
[url='#']Test[/url]
[url='#']Test[/url]
[url='#']Test[/url]
</div>
</div>
<br style="clear: both">
</p>
</div>
</body>
</html>MFG Josua[/code]
