Autor |
Nachricht |
claus993
Threadersteller
Dabei seit: 03.02.2010
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 03.02.2010 12:06
Titel html css |
|
|
Hilfe ich habe einen Darstellungsfehler zwischen Firefox und Safari im Header!
Bitte unter euch ist sicher wer der einem Lulu wie mir sagen kann was ich falsch gemacht habe, bzw. wie ich diesen Fehler beseitigen kann!!!!
Ich danke schon jetzt allen!!!
HTML
Code: | <body>
<div id="wrap">
<!--start header-->
<div id="header"><img src="../images/header_02.jpg" width="800" height="114" border="0" usemap="#Map2" />
<map name="Map2" id="Map2"><area shape="rect" coords="626,5,782,99" href="../index.html" />
</map>
<div id="hnav">
<ul>
<li><a href="../index.html">Home</a></li>
<li><a href="baukoordination.html">Baukoordination</a></li>
<li><a href="">Sicherheitsfachkraft</a></li>
<li><a href="vortraege_schulungen.html">Vorträge & Schulungen</a></li>
<li><a href="partner.html">Partner</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
</ul>
</div>
</div>
<!--end header-->
<!--start wrap1-->
<div id="wrap1"> |
CSS
Code: | html {
height: 100%;
margin-bottom: 1px;
}
body {
background-color:#FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#333333;
font-size:small;
line-height: 1.3em;
}
h1, h2, h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color:#00b9e9;
}
h1 {
font-size: 200%;
margin: 15px 0 5px 0;
}
h2 {
font-size: 120%;
margin: 12px 0 3px 0;
}
p{
color:#333333;
}
.p {
color:#333333;
}
a{
color:#0099FF;
}
/*GRUNDEINSTELLUNG*/
/*WRAP*/
#wrap{
width:800px;
height:auto;
margin-left: auto;
margin-right: auto;
}
/*HEADER*/
#header{
float:left;
height: auto;
width: auto;
margin:auto;
position: relative;
}
#hnav{
text-align:left;
clear:both;
height:40px;
width:auto;
margin:-40px 0 0 10px;
}
#hnav ul{
list-style:none;
}
#hnav ul li{
clear:both;
display:inline;
padding:0px 0px 0px 0px;
word-spacing:-4px;
margin:0px 0px 0px 10px;
}
#hnav ul li a{
text-decoration:none;
color:#333333;
}
#hnav ul li a:hover{
color:#FFFFFF;
}
/*WARP1*/
#wrap1{
width:800px;
height:auto;
margin:0px;
} |
[edit]
Bitte [code]-Tags verwenden.
Zuletzt bearbeitet von Smooth-Graphics am Mi 03.02.2010 23:00, insgesamt 1-mal bearbeitet
|
|
|
|
|
k.k
Dabei seit: 21.10.2009
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 03.02.2010 12:21
Titel
|
|
|
Wenn du ne Url postet kann dir auch geholfen werden.
Ausserdem wäre nett, wenn du den Fehler genauer beschreiben könntest
|
|
|
|
|
Anzeige
|
|
|
claus993
Threadersteller
Dabei seit: 03.02.2010
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 03.02.2010 12:27
Titel
|
|
|
www.sichersicher.at
Der Text im Header steht in Firefox richtig, im Safari ist er nach unten und nach rechts verschoben.
Vielen Dank
|
|
|
|
|
heiko_rs
Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht:
|
Verfasst Mi 03.02.2010 12:37
Titel
|
|
|
Eine eigenartige Konstruktion hast Du da: Ein kleiner skaliertes img (in der Breite von 900px auf 790px!) mit einer image-Map für das verlinkte Logo. Ich würde es völlig anders lösen, z.B. das Logo als verlinktes img und den Rest als Hintergrundgrafik. Damit werden sich auch jegliche Darstellungsunterschiede in Luft auflösen.
|
|
|
|
|
claus993
Threadersteller
Dabei seit: 03.02.2010
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 03.02.2010 21:41
Titel
|
|
|
Danke Heiko,
alles geklappt
schönen Tag
|
|
|
|
|
|
|
|
Ähnliche Themen |
HTML/CSS Problem mit <html><body> komischer Abstand unten
Anzeige in HTML aber ohne html ;-)
Externe HTML in HTML einbinden
self html als pdf
CMS in HTML
HTML und CSS
|
|