Autor |
Nachricht |
Partychopper
Threadersteller
Dabei seit: 27.11.2003
Ort: Offenburg
Alter: 43
Geschlecht:
|
Verfasst Do 27.11.2008 16:07
Titel Browserkompatibilität mit meinem Änfänger-Code |
|
|
Liebe Freunde des Quellcodes,
ich habe für eine Bekannte einen Auftrag realisiert und habe nun als blutiger Anfänger bei folgenden Browsern noch Darstellungsprobleme.
Opera 8.53 - Win XP
IE 6.0 - Win 2000
Opera 7.11 - Win XP
IE 5.01 - Win XP
IE 7.0 Win XP
Kann man anhand dieser Angaben schon sagen, in welcher Richtung ich etwas "falsch" gemacht habe?
Also einmal verhagelt es mir die Funktion "overflow-y: scroll" und manchmal habe ich so unerwünschte weiße Linien oben im Header.
Hier die Adresse: http://www.klaraohnemus.de/lebensmotivation.html
Danke im Voraus!!!
[edit by choise]
Titel geändert.
Zuletzt bearbeitet von choise am Do 27.11.2008 17:07, insgesamt 1-mal bearbeitet
|
|
|
|
|
Ascend
Dabei seit: 04.09.2008
Ort: Bayern
Alter: 55
Geschlecht:
|
Verfasst Do 27.11.2008 16:23
Titel
|
|
|
also ich kann einige fehler/probleme sehen.
das geht ja schon beim header los.
Code: | #header {
width:775px;
height:85px;
} |
und die grafik da drin:
Code: |
<div id="header">
<table width="775px" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2"><img src="http://www.diemedialounge.de/ohnemus/header_775x55px" width="775" height="55" /> </td>
</tr>
<tr>
<td><img src="headerverlauf_links.jpg" width="150" height="6"/>
</td>
<td><img src="headerverlauf_rechts.jpg" width="625" height="6"/>
</td>
</tr>
<tr>
<td width="150" height="24" bgcolor="#CCa7c7"> </td>
<td width="625" height="24" bgcolor="#FFFFFF"> </td>
</tr>
</table>
</div> |
warum baust du in den header eine tabelle. was ist das für ein bild: header_775x55px ? das hat ja nichtmal ne grafik.
der header container ist schon höher als die grafik. height:85px; height="55".
aber sry ich zerpflücke jetzt nicht den kompletten quellcode. das muss komplett überarbeitet werden XD
hier mal nur kurz zum header. wenn du in den header eine grafik willst nimm keine tabelle sondern mach es wie folgt:
Code: |
#header {width:775px; height:55px; background-image: url(deinbild.jpg);} |
der html code dafür:
Code: | <div id="header"></div> |
Zuletzt bearbeitet von Ascend am Do 27.11.2008 16:31, insgesamt 4-mal bearbeitet
|
|
|
|
|
Anzeige
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 27.11.2008 16:24
Titel
|
|
|
Erstmal solltest du dich darum kümmern Fehler zu beseitigen:
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.klaraohnemus.de%2Flebensmotivation.html&charset=(detect+automatically)&doctype=Inline&group=0
Und dann darüber nachdenken ob es wirklich notwendig ist dass du für IE5 und Opera7 irgendwas
anpasst oder ob man das nicht vernachlässigen kann.
Den Tip von Ascend das ganze nochmal zu überarbeiten halte ich auch für angebracht.
Es ist eigentlich ein super einfaches Layout welches man ohne Probleme schnell für die wichtigsten
Browser kompatibel umsetzen kann.
Code: | <h1>Gesundheitspraxis ...</h1>
<ul>
<li>navigation</li>
</ul>
<div>
<h2>foo</h2>
<p>bar</p>
</div>
<div>foot</div> |
Das könnte schon alles an Quelltext sein.
Zuletzt bearbeitet von m am Do 27.11.2008 16:30, insgesamt 1-mal bearbeitet
|
|
|
|
|
Ascend
Dabei seit: 04.09.2008
Ort: Bayern
Alter: 55
Geschlecht:
|
Verfasst Do 27.11.2008 16:34
Titel
|
|
|
hier mal ein tipp, geh mal auf die seite http://www.andreas-kalt.de/webdesign/tutorials/css-layout-erstellen. das ist eine sehr hilfreiche seite für dich. geh dort schritt für schritt dem tut nach, bis zum fertigen layout. das kommt deinem layout sogar sehr nahe. und wenn du dort alles begreifst kannst innerhalb kürzester zeit ein layout erstellen ...
|
|
|
|
|
Partychopper
Threadersteller
Dabei seit: 27.11.2003
Ort: Offenburg
Alter: 43
Geschlecht:
|
Verfasst Fr 28.11.2008 12:13
Titel
|
|
|
@ Ascend:
Also das mit dem Header ist so: Oben läuft der Banner mit 55px Höhe, dann folgt der mini-Verlauf ins Weiß mit 6px Höhe und dann folgt eine Farbfläche als Abstand zum Content mit 24 px. Ergibt zusammen 85 px Höhe.
Aber klar... im Prinzip kann man da eine gesamte Grafik draus basteln und die Tabelle weglassen...
Ich werd mir mal deinen Link zu Gemüte führen... Danke schonmal dafür!
|
|
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Fr 28.11.2008 13:13
Titel
|
|
|
boxmodell verstanden?
nur mal ins blaue getippt
|
|
|
|
|
Partychopper
Threadersteller
Dabei seit: 27.11.2003
Ort: Offenburg
Alter: 43
Geschlecht:
|
Verfasst Fr 28.11.2008 19:22
Titel
|
|
|
Hmmm mal ins Blaue gefragt: was hätte ich im Bezug auf das Boxmodell anders machen sollen?
Sorry, wenn ich so doof frage, aber darum geht´s mir ja, herauszufinden, wo ich falsche Mittel anwende.
Zum Laufen hab ich´s ja bekommen, aber ich weiß, dass es kein sauberer Stil ist und das würde ich gerne verbessern...
|
|
|
|
|
|
|
|
Ähnliche Themen |
Browserkompatibilität
Browserkompatibilität
Browserkompatibilität
[iframes] browserkompatibilität
[css] browserkompatibilität float
Browserkompatibilität Internet Explorer
|
|