Probleme mit den stylesheets

[karva]

Jetzt war ich froh, dass meine erste Hompage mit der Auflösung 1024x768 fertig ist und habe sie mit einer Auflösung von 800x600 probiert. Ihr könnt euch denken, was passiert ist...
In der stylesheets-Datei habe ich die Positionen genau festgelegt, z.B. mit:
#Bereicha {
position:absolute;
top:375px;
left:230px;
}
Nun sitzt das Bild bzw. der Text außerhalb. (Ich könnte zwar alles in der index.htm mit Prozentangaben schreiben, aber es muss doch auch anders gehen). Vielleicht liegt das an der Angabe "absolute"????

 

[thomasspeck]

AW: Probleme mit den stylesheets

NUn. gerade das positionieren ist tiefere Physik - und gehört in den eher fortgeschrittenen Bereich.
Ohne Link und/oder Code der gesamten Site kann man nicht helfen, da Positionierung von umgebenden Elementen abhängig sein kann/ist.

 

[waterwebdesign]

AW: Probleme mit den stylesheets

Um es hart zu sagen: Vergiss deinen bisherigen Code, und schreib es Auflösungsunabhängig, ohne absolute Positionierung. Aber der thomas hat Recht, ohne Code -> keine konkrete Hilfe.

 

[michaeld]

AW: Probleme mit den stylesheets

versuche es mal mit
*{margin=0;padding=0;}
direkt im body

 

[karva]

AW: Probleme mit den stylesheets

Nun ja, was ich bereits oben stehen habe, ist einer der ausgelagerten stylesheets für den head-Bereich. Auf meiner Seite steht dann nur im head-Bereich der Verweis
<link rel="stylesheet" href="stylesheet.css" type="text/css"> und an der entsprechenden Stelle im body:
<div id="Bereicha"
<img src="Empfang.gif" width="250" heigth="167" alt="Empfang" ></div>
Ich habe mehrere Bilder auf einer Seite nebeneinander geordnet; auf einer anderen Seite habe ich links Text (Aufzählungen) und rechts ein paar Bilder. (die stehen nun bei der neuen Auflösung völlig daneben).

 

[karva]

AW: Probleme mit den stylesheets

Kann die Lösung vielleicht sein, dass ich die Geamtbreite meiner Homepage nicht festlegen darf? Dann können die Bilder nicht mehr außerhalb liegen und der Besucher muss sowieso scrollen...

 

[thomasspeck]

AW: Probleme mit den stylesheets

<div id="Bereicha"
    <img src="Empfang.gif" width="250" heigth="167" alt="Empfang" ></div>

Ist das der Code den Du verwendest?
Dann fehlt da erstmal was ganz entscheidendes:

<div id="Bereicha"[COLOR=Red]>[/COLOR]

Sollte es daran nicht liegen, würde ich Dich wirklich bitten, mal einen Link zu posten, so ist das ein Blindflug...

Nein, es muß nicht an der Seitenbreite liegen, ich tippe auf ein Folgeproblem, dass mit den Positionierungen zusammenhängt, nur: tippen bringt Dir und mir nichts :muede:

 

[cebito]

AW: Probleme mit den stylesheets

Ohne weitere Prüfung, merze erstmal diese Fehler aus. Bei allen rot markierten Tags fehlt die schließende ">"

<td style="width:900px; height:680px"bgcolor="#FF8C2D" width="10" valign="top">
<div class="beispiel4"><div class="beispiel5"><font size=2>Im </font size> <b>Untergeschoss</b> <font size=2> befinden sich u.a.:
</font size></div>
[COLOR=Red]<div id="Bereichx"[/COLOR]
<img src="OP.jpg" width="250" heigth="167" alt="OP" ></div>
[COLOR=Red]<div id="Bereichy"[/COLOR]
<img src="Röntgen.jpg" width="250" heigth="167" alt="Roentgen" ></div>
[COLOR=Red]<div id="Bereichz"[/COLOR]
<img src="Wartebereich.jpg" width="250" heigth="167" alt="Wartebereich" ></div>
<p></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p></p><font size=2>Im </font size><b>Obergeschoss</b> <font size=2> befinden sich u.a.:xxxx
</font size></div>
[COLOR=Red]<div id="Bereicha"[/COLOR]
<img src="Empfang.gif" width="250" heigth="167" alt="Empfang" ></div>
[COLOR=Red]<div id="Bereichb"[/COLOR]
<img src="Kinder.jpg" width="250" heigth="167" alt="Kinderspielecke" ></div>
[COLOR=Red]<div id="Bereichc"[/COLOR]
<img src="Warteraum.jpg" width="250" heigth="167" alt="Wartezimmer" ></div>
[COLOR=Red]<div id="Bereich1"[/COLOR]
[COLOR=Red]<img src="Sprechzimmer1.gif" width="250" heigth="167" lt="Sprechzimmer1"[/COLOR] </div>
[COLOR=Red]<div id="Bereich2"[/COLOR]
<img src="Sprechzimmer2.jpg" width="250" heigth="167" alt="Sprechzimmer2" ></div>
[COLOR=Red]<div id="Bereich3"[/COLOR]
<img src="Labor.jpg" width="250" heigth="167" alt="Labor" ></div>
</td>

 

[karva]

AW: Probleme mit den stylesheets

Ich habe die fehlenden Zeichen eingesetzt, aber es tut sich nichts.

Kann es wirklich nichts mit den stylesheets zu tun haben, weil dort "absolut" steht (s.o.) ? Aber wenn ich "position:absolute;" ganz weglasse, stehen die Bilder untereinander.

Ein anderer Gedanke: (Wie schon gesagt:In einer anderen Auflösung ist meine Hompageseite (Tabelle) immer am Bildschirmrand zu Ende. Warum kann ich also die rechte Spalte meiner Tabelle nicht breiter machen, so dass die Bilder immer in der Tabelle liegen und nicht außerhalb?

 

[o0Andy0o]

AW: Probleme mit den stylesheets

Ich würde die einzelnen Divs um die Bilder wegmachen, das ist unsauber und bringt nix. Die <img> Tags sind Inline-Elemente, die eh in einer Zeile dargestellt werden. Oder gib den Divs ein display:inline; im CSS.

 

[lauffreak]

AW: Probleme mit den stylesheets

>rechte Spalte meiner Tabelle nicht breiter machen, so dass die Bilder immer in der >Tabelle liegen und nicht außerhalb?
weil das kein word oder dtp programm ist.
lasse die Tabelle ganz raus , erstelle eine Seite mit Rahmen , packe dort die div's rein.
Suche mal nach webspeicher + kostenlos etc. und poste deine websentwürfe dann dort.
Grüße- lauffreak - auch im Schnee

 

[karva]

AW: Probleme mit den stylesheets

Ich danke euch für die Tipps. Sie haben mir zwar nicht direkt weitergeholfen, aber zun Nachdenken angeregt. Jetzt nach 24 Stunden unermüdlichem Grübeln und Probieren, habe ich alles hinbekommen. Meine Homepage steht (in allen Auflösungen). Nun hoffe ich nur, dass auch die nächsten Schritte (Web-Space und FTP...) klappen. Wenn nicht, melde ich mich wieder.