| Vorheriges Thema anzeigen :: Nächstes Thema anzeigen |
| Autor |
Nachricht |
Lina Gast
|
Homepagelayout geht nur in Firefox |
|
|
Es ist zwar nicht meine erste Homepage, aber die erste mit css-basierendem Layout. Es funktioniert alles wunderbar in Firefox, aber nun im IE siehts katastrophal aus... Könnt ihr mir helfen, wie es bei beidem geht? Hier mal der Link zu meiner Homepage: www.linnelcb.com (noch gehen nicht alle links, weil ich nicht weiter gemacht hab, seit mir der Fehler aufgefallen ist.)
Danke! |
|
|
|
| 15 Sep 2007 19:45 |
|
  |
Werner Homepage-Total.de Moderator

|
 |
|
|
Orginal
| Code: |
#banner {
BORDER-RIGHT: 0px; BACKGROUND-POSITION: center 50%; BORDER-TOP: 0px; LEFT: 50%; MARGIN-LEFT: -490px; BORDER-LEFT: 0px; WIDTH: 980px; BORDER-BOTTOM: 0px; POSITION: fixed; TOP: 0px; HEIGHT: 132px
}
#navigation {
BORDER-RIGHT: 0px; BACKGROUND-POSITION: center 50%; BORDER-TOP: 0px; LEFT: 50%; MARGIN-LEFT: -490px; BORDER-LEFT: 0px; WIDTH: 980px; PADDING-TOP: 5px; BORDER-BOTTOM: 0px; POSITION: fixed; TOP: 132px; HEIGHT: 27px
} |
Geändert
| Code: |
#banner {
BORDER-RIGHT: 0px; BACKGROUND-POSITION: center 100%; BORDER-TOP: 0px; MARGIN-LEFT: 0px; BORDER-LEFT: 0px; WIDTH: 980px; BORDER-BOTTOM: 0px; POSITION: fixed; TOP: 0px; HEIGHT: 132px
}
#navigation {
BORDER-RIGHT: 0px; BACKGROUND-POSITION: center 100%; BORDER-TOP: 0px; MARGIN-LEFT: 0px; BORDER-LEFT: 0px; WIDTH: 980px; PADDING-TOP: 5px; BORDER-BOTTOM: 0px; POSITION: fixed; TOP: 132px; HEIGHT: 27px
} |
Ich habe folgende CSS-Anweisung geändert:
| Code: | MARGIN-LEFT: -490px;
BACKGROUND-POSITION: center 50%; |
|
_________________ Bei Fragen oder Fehlermeldungen - Bitte ausführlichen Code posten!
Wie man Fragen richtig stellt |
|
|
| 15 Sep 2007 20:58 |
|
 |
Lina Gast
|
 |
|
|
Das ist doch garkein Ausschnitt aus meinem Quellcode oder? Ich hab nirgends eine Angabe wie zb border-right... *verwirrung*
Hier mal der Code meiner index-Seite:
| Code: | <html>
<head>
<title>layout2</title>
<meta name="author" content="Lina Börner">
<style type="text/css">
body{
background-color:#000000;
color:#0e0d2c;
text-align:center;
font-family:verdana;
}
a:link{
text-decoration:none;
color:#0e0d2c;
}
a:visited{
text-decoration:none;
color:#0e0d2c;
}
a:hover{
text-decoration:none;
color:#820330;
}
a:active{
text-decoration:none;
color:6ba6ff;
}
#banner{
position:fixed;
border:0px;
width:980px;
height:132px;
top:0px;
margin-left:-490px;
left:50%;
background-position:center;
}
#navigation{
position:fixed;
border:0px;
width:980px;
height:27px; top:132px;
margin-left:-490px;
left:50%;
background-position:center;
padding-top:5px;
}
</style>
</head>
<body>
<center>
<font size="2">
<div id="banner" style="background-image:url(banner.jpg);">
</div>
<div id="navigation"
style="background-image:url(navigation.jpg);">
<a href="index.html">Home</a>
<a href="uebermich/uebermich.html">Über
mich</a>
<a href="merlin/merlin.html">Merlin</a>
<a href="freunde/freunde.html">Freunde</a>
<a href="fotos/fotos.html">Fotos</a>
<a href="videos/videos.html">Videos</a>
<a href="insider/insider.html">Insider</a>
<a href="#">Gästebuch</a>
<a href="#">Reitverein Neuenhain</a>
<a href="#">Young Island</a>
<a href="impressum/impressum">Impressum</a></div>
</div></font>
<div id="daten"
style="background-image:url(hintergrund2.jpg); border:0px; width:980px; margin-top:159px;">
<p style="padding-top:30px; color:#b7cff4; font-size:15px;">
######
</p>
<img style="border:0px; height:200px; margin-top:0px;" src="herz.jpg"><br><br><br><br><br>
</div>
</center>
</body>
</html> |
|
|
|
|
| 16 Sep 2007 21:48 |
|
 |
Werner Homepage-Total.de Moderator

|
 |
|
|
Kann ich leider nicht sagen,
das war die Datei die der Browser bei mir gespeichert hat. (leider ohne Hintergrundbild!!)
Auf jeden Fall ist die Angabe "margin-left:-490px;" fehlerhaft!
Der Firefox hat auch Probleme mit der Prozent-Angabe (left:50%; )
ich würde auf diese Angabe verzichten diese werden in den Browsern unterschiedlich angezeigt. |
_________________ Bei Fragen oder Fehlermeldungen - Bitte ausführlichen Code posten!
Wie man Fragen richtig stellt |
|
|
| 17 Sep 2007 19:40 |
|
 |
fiore Gast
|
auch noch eine frage zum thema |
|
|
firefox:tiptop
internet explorer: meine kleine tabelle sieht aus wie "eingesunken", sie sollte aber nicht sichtbar sein (nur schrift und bild)
css:
| Code: | #table{
border: none White;
border-collapse: collapse;
padding: 0 0 0 0;
} |
html-ausschnitt:
| Code: | <table width="93%" id="table" >
<tr>
<td width="51%">
<p><font size="2" face="Arial, Helvetica, sans-serif">
AnaPico AG<br>
Technoparkstr.1<br>
CH-8005 Zürich<br>
Switzerland<br><br>
Phone: +41-44-440 00 51<br>
Fax: +41-44-440 00 50<br>
</font></p></td>
<td width="49%"><img src="images/technopark.jpg" width="168" height="135" alt=""></td>
</tr>
</table> |
wäre wirklich froh um hilfe
gruss
fiore |
|
|
|
| 05 Dez 2007 15:09 |
|
 |
Forrest Gumb Mitglied

|
 |
|
|
|
_________________ 4rest
Wende Dein Gesicht ins Licht, dann werden die Schatten hinter Dir sein.
[ forrest ] - [ more ] |
|
|
| 05 Dez 2007 16:14 |
|
 |
|