| Autor |
Nachricht |
claus993
Threadersteller
Dabei seit: 03.02.2010
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 03.02.2010 11: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 22:00, insgesamt 1-mal bearbeitet
|
|
| |
  |
 |
| |
|
|
k.k
Dabei seit: 21.10.2009
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 03.02.2010 11:21
Titel
|
|
|
Wenn du ne Url postet kann dir auch geholfen werden.
Ausserdem wäre nett, wenn du den Fehler genauer beschreiben könntest
|
|
| |
|
|
claus993
Threadersteller
Dabei seit: 03.02.2010
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 03.02.2010 11: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 11: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 20:41
Titel
|
|
|
Danke Heiko,
alles geklappt
schönen Tag
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
HTML/CSS Problem mit <html><body> komischer Abstand unten
[CSS] - HTML Entity in CSS Kaskade 'content'
HTML und CSS
html, frames, css
HTML/CSS/Browser... warum????
Was für ein Buch für HTML / CSS
|
|
Willkommen auf dem Portal für Mediengestalter
