Hallo,
ich brauche dringend hilfe ich habe mit dem aktuellen Dreamwaver mir eine Website erstellt und die ganze Zeit mit Opera mir angeschaut, als ich dann als sie fertig war mit Internet Explorer angeguckt habe musste ich sehen das der Zeilenabstand zu groß ist und es unschön dargestellt wird.
Ich habe die Website mir dann mit Firefox und Safari angeschaut war alles super und jetzt wird die Seite auch bei Opera falsch angezeigt.
Wäre echt toll wenn mir jemand helfen kann.
Hier der Html Code:
HTML
<!doctype html><html>
<head>
<meta charset="utf-8">
<title>Fotostudio - Brillant</title>
<link rel="stylesheet" type="text/css" href="file:///C:\Users\Max\Documents\Brillant\home.css">
<!--The following script tag downloads a font from the Adobe Edge Web Fonts server for use within the web page. We recommend that you do not modify it.--><script>var __adobewebfontsappname__="dreamweaver"</script><script src="http://use.edgefonts.net/m-1c:n2,n3,n7:default;alex-brush:n4:default;allura:n4:default.js" type="text/javascript"></script>
</head>
<body>
<div id="tile4" class="tile"></div>
<div class="grid">
<!-- Row 1 -->
<div id="tile1" class="tile"> </div>
<div id="tile2" class="tile"></div>
<div id="tile3" class="tile">
<h1 class="titel" id="header">Fotostudio Brillant</h1>
<div></div>
<div id="titellist">Fotografie aller Art</div>
<div id="waldemar">by Waldemar Resner </div>
<div>
<p id="list" > Biometrische Passfotos Bewerbungsbilder Hochzeitsfotos Babyfotos Teilakt etc.</p>
<div>
<p id="telefonnr"> Alle Termine nach Vereinbarung unter Zuhause: 0571 / 59729516 • Mobil: 0177 / 6521223</p>
</div>
<div id="time1">Öffnungszeiten</div>
<div id="time2">Mo. bis Fr. 9:30 - 12:30 & 14:00 - 18:00 Uhr</div>
<div id="time3">Sa. 10:30 - 12:30 & 14:00 - 18:00 Uhr</div>
</div>
</div>
<div id="tile5" class="tile"></div>
<div id="tile4" class="tile"></div>
<div id="tile6" class="tile">
<!-- Row 2 -->
</div>
<div id="tile7" class="tile">
<nav class="sidebar">
<!-- This adds a sidebar with 1 searchbox,2 menusets, each with 4 links -->
<div id="menubar">
<div class="menu">
<h1><strong> Navigation </strong></h1>
<hr>
<ul>
<!-- List of links under menuset 1 -->
<li><a href="home.html">Home</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="pass.html">Passfoto</a></li>
<li><a href="bewerbung.html">Bewerbungsbilder</a></li>
<li class="notimp"><!-- notimp class is applied to remove this link from the tablet and phone views --><a href="prices.html">Preisliste</a></li>
<li><a href="contact.html">Kontakt</a></li>
</ul>
</div>
</div>
</nav>
<div id="tile8" class="tile"></div>
</div>
</body>
</html>Und der CSS Code:
Code
/********************Grid:
- 1140 pixels wide
- 20 pixels padding
- 4 columns
.grid{width:1140px; height:890px;}
.x0{left: 20px;}
.x1{left: 310px;}
.x2{left: 600px;}
.x3{left: 890px;}
.y0{top: 20px;}
.y1{top: 310px;}
.y2{top: 600px;}
.y3{top: 890px;}
********************/
@charset "utf-8";
/* Global Styles */
a:hover {
color: rgba(255,255,255,1.00);
}
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #FFFFFF;
background-color: #1a1a1a;
}
.grid{
width: 1140px;
height: 890px;
margin-left: auto;
margin-right: auto;
padding-left: 40px;
position: relative;
border-radius: 10px;
background-color: #000000;
}
.tile {
background-color: #2a2a2a;
position:absolute;
width: 270px;
margin-left: auto;
margin-right: auto;
}
/* Layout per tile */
#tile1{
top: 20px;
left: 20px;
width: 270px;
height: 270px;
background-image: url(file:///C|/Users/Max/Documents/Brillant/images/Bild1.jpg);
}
#tile2{
top: 310px;
left: 20px;
width: 270px;
height: 270px;
background-image: url(file:///C|/Users/Max/Documents/Brillant/images/Bild2.png);
}
#tile3{
top: 20px;
left: 310px;
width: 560px;
height: 560px;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}
#tile4{
top: 20px;
left: 890px;
width: 270px;
height: 270px;
background-image: url(file:///C|/Users/Max/Documents/Brillant/images/Bild3.png);
}
#tile5{
top: 310px;
left: 890px;
width: 270px;
height: 270px;
background-image: url(file:///C|/Users/Max/Documents/Brillant/images/Bild4.png);
margin-left: 0px;
}
#tile6{
top: 600px;
left: 20px;
width: 560px;
height: 270px;
background-image: url(file:///C|/Users/Max/Documents/Brillant/images/Bild5.jpg);
padding-left: 0px;
}
#tile7{
top: 600px;
left: 600px;
width: 270px;
height: 270px;
font-family: allura;
font-style: normal;
font-weight: 400;
}
#tile8{
top: 0px;
left: 290px;
width: 270px;
height: 270px;
background-image: url(file:///C|/Users/Max/Documents/Brillant/images/Bild6.png);
}
#header {
color: #FFFFFF;
margin-left: 22px;
font-weight: 400;
font-family: alex-brush;
font-style: normal;
font-size: 75px;
width: 550px;
margin-top: 14px;
}
/*Links in sidebar */
.sidebar #menubar .menu ul li a {
color: rgba(146,146,146,1.00);
text-decoration: none;
font-family: alex-brush;
font-style: normal;
font-weight: 400;
font-size: x-large;
}
.sidebar #menubar .menu ul li a:hover {
color: rgba(107,97,97,1.00);
text-decoration: none;
font-family: allura;
font-style: normal;
font-weight: 400;
font-size: x-large;
}
/* Menu headings in sidebar */
/*Links under menus in sidebar */
#menubar .menu ul li a {
font-size: 14px;
}
/*menu headings in sidebar */
#menubar .menu h1 {
display: inline;
font-size: 49px;
padding-right: 21%;
padding-left: 35px;
padding-top: 0px;
}
/* Unordered List of links */
#menubar .menu ul {
display: inline;
margin-left: -40px;
}
/*list elements */
#menubar .menu ul li {
display: inline;
font-size: medium;
padding-left: 8%;
padding-right: 50%;
margin-left: 0px;
}
#list {
font-size: 16pt;
margin-left: 0px;
margin-top: 4px;
color: #929292;
}
#titellist {
font-size: 27px;
margin-left: 158px;
}
#time1 {
margin-top: 28px;
margin-right: 207px;
margin-bottom: 207px;
margin-left: 181px;
font-family: alex-brush;
font-style: normal;
font-weight: 400;
font-size: 38px;
}
#time2 {
margin-top: -207px;
margin-left: 100px;
}
#time3 {
margin-left: 160px;
}
#telefonnr {
margin-left: 9px;
color: #929292;
}
#waldemar {
font-family: alex-brush;
font-style: normal;
font-weight: 400;
margin-left: 290px;
font-size: 20px;
margin-top: -6px;
}Danke im Voraus 