Test (und Problem) einer Website
-
nichts zu machen....
Die Werte passen, also doch ein Bug?!?!
-
Noch eine Sache,
ich hab eine Schriftartendatei eingebunden und im gleichen (html-)Ordner auf dem Server hinterlegt. Meine Frage: Hab ich das so korrekt gemacht?..
A { text-decoration: none; color: white; } A:link { text-decoration: none; } A:visited { text-decoration: none; } A:hover { text-decoration: underline; } @font-face { font-family:Berlin Sans FB; src:local(Berlin Sans FB), url(BRLNSR.TTF) format(TrueType); } p { font-family: Berlin Sans FB; font-size:12pt; color: white; } body { background-color: #303B1D; margin: 0px; } #content { margin-left: -390px; position: absolute; top: 10%; left: 50%; width: 781px; height: 619px; } ....
-
Hallo,
es liegt an deinem CSS File:
#Aktuell { height: 209px; width: 289px; padding-top: 10px; padding-left: 8px; padding-right: 5px; overflow: auto; }
Nimm das mal raus....
EDIT:
Um es mal zu spezifizieren: Die Padding Angaben hauen dir das Design durcheinander!
-
CarstenJ schrieb:
Hallo,
es liegt an deinem CSS File:
#Aktuell { height: 209px; width: 289px; padding-top: 10px; padding-left: 8px; padding-right: 5px; overflow: auto; }
Nimm das mal raus....
EDIT:
Um es mal zu spezifizieren: Die Padding Angaben hauen dir das Design durcheinander!Nope, leider nicht...
Ich hab das overlflow rausgenommen..
Das mit den Padding angaben überprüfe ich nochmal..
-
nochmal negativ,
hab die padding-Angaben auch rausgenommen und es funzt trotzdem nicht..
-
Hallo,
also beim Firefox funzt es so. Ich meine natürlich auch nicht alle Padding Angaben, sondern eben genau die für "#Aktuell". Sollte es bei Opera immer noch nicht klappen, sind es wohl zwei verschiedene Probleme.
-
Das ist egal, ich hab probeweise mal alle padding-angaben rausgenommen.
Ich simplfiziere gerne die Probleme, um auf deren Ursache zu kommenAber es funzt trotzdem nicht, muss wohl ein Bug sein..
-
Ok, gezz hab ich mir extra mal Opera installiert. Es ist kein Bug. Ändere mal die Höhe "#Aktuell" wie folgt:
height: 192px;
Oder noch besser: Nimms ganz raus....
-
CarstenJ schrieb:
Ok, gezz hab ich mir extra mal Opera installiert. Es ist kein Bug. Ändere mal die Höhe "#Aktuell" wie folgt:
height: 192px;
Oder noch besser: Nimms ganz raus....
Spitze:)))
Danke sehr,
du bist echt klasse (vor allem für die Mühe extra Opera zu installieren). Ich werd wohl nochmal in die Grundschule gehen, weil ich die Höhen zweimal nachgerechnet habeVielen Dank
-
Mann, das ist ja krass.
Hier auf der Festplatte zeigt er mir die Seite perfekt an.
Wenn ich sie GENAU SO auf den FTP-Server hochlade, zeigt er sie mir wieder verzerrt an...puhhh...
Ich muss erstmal nen Kaffee trinken, bevor ich weitermache..
-
Tjooo, schätze mal, dass du entweder:
- noch die alte Seite im Cache hast
- oder die "default.css" nicht mit hochgeladen hast
-
Nee, nee,
ich hab jetzt sogar den ganzen Ordner nochmal hochgeladen...
Ich geh mich einfach mal kalt duschen und probiere es nochmal...
Aber hey, ich hab ja hier schon öfters gelesen, dass du (jedenfalls momentan noch) ein bisschen Zeit hast..
Ähhmm....hüstel...könntest du mir vielleicht hierbei auch helfen?
Danke trotzdem für alles
-
Oh mann,
hab soeben die Website www.memipi.de nochmal mit dem Firefox überprüft....
Kann mir jemand hier sagen, warum die Seite so zerstückelt wird?
Ich hab die Seite jetzt mit dem IE und Opera getestet - funzte reibungslos. Bloss der Firefox macht solche Probleme.
Woran könnte das denn noch liegen
Quelltext hab ich bereits hier gespostet....
-
Das liegt daran, dass Firefox padding & Co. außen anhängt, während der IE das nach innen macht. Wobei natürlich
Firefox das ganze richtig (so wie hier beschrieben) interpretiert
-
hmm,
und wie kann ich denn dann meine Seite so basteln, dass sie auf BEIDEN Browsern richtig dargestellt wird?
-
und btw.
1.) Hab ich bei der allerersten Seite von memipi.de dieses Prinzip angewendet
2.) überhaupt keine Padding-Angaben benutzt (auf der ersten Seite)
<div id="Intro"> <table width="719" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="./Intro/www.jpg" border="0" width="90" height="156"></td> <td><img src="./Intro/memipi.de.jpg" border="0" width="289" height="156"></td> <td><img src="./Intro/ObenRechts.jpg" border="0" width="126" height="156"></td> <td><img src="./Intro/ObenEnde.jpg" border="0" width="214" height="156"></td> </tr> <tr> <td><img src="./Intro/UObenLinks.jpg" border="0" width="90" height="20"></td> <td><img src="./Intro/UObenMitte.jpg" border="0" width="289" height="20"></td> <td><a href="home.html" onMouseOver="Bildwechsel(6,Highlight1)" onMouseOut="Bildwechsel(6,Normal1)"> <img src="./Intro/WeiterDunkel.jpg" border="0" width="126" height="20"></a></td> <td><img src="./Intro/UObenRechts.jpg" border="0" width="214" height="20"></td> </tr> <tr> <td><img src="./Intro/MitteLinks.jpg" border="0" width="90" height="76"></td> <td><img src="./Intro/Aktuell.jpg" border="0" width="289" height="76"></td> <td><img src="./Intro/MitteRechts.jpg" border="0" width="126" height="76"></td> <td><img src="./Intro/MitteEnde.jpg" border="0" width="214" height="76"></td> </tr> <tr> <td><img src="./Intro/UntenLinks.jpg" border="0" width="90" height="209"></td> <td width="289" height="209" style="background-image:url(./Intro/AktuelllInhalt.jpg); background-repeat:no-repeat;"> <div id="Aktuell"> <p><b>18.01.05</b><br>Das neue Memipi-Design ist online gegangen!!<br> <b>23.01.2005</b><br>Die Partybilder sind online!<br></p> </div></td> <td><img src="./Intro/UntenRechts.jpg" border="0" width="126" height="209"></td> <td><img src="./Intro/DesignMadeBy.jpg" border="0" width="214" height="209"></td> </tr> </table> </div>
Kommentare zur Tabellenausrichtung weise ich von mir: Ich weiss, ich weiss -> Ist ja auch nur das Introbild....
-
NewProggie schrieb:
überhaupt keine Padding-Angaben benutzt (auf der ersten Seite)
Doch, über dein CSS-File - z.B. für <div id="Aktuell">
Ich habe mal zum Test die Breite etwas reduziert, und schon gab es keine Probleme mehr