Über CSS alles Links positionieren

[paminia]

Hallo, versuche ein Layout komplett links zu positionieren. Das will aber nicht so wie ich will.

Also: ich kann per position:absolute; align:left; (im body-tag direkt oder auch nur als CSS-tag)

alles Links setzen. Das funktioniert aber nur über FF. Safari und IE wollen beide nicht.

Ich habe auch schon über margin-left versucht, jedoch das gleiche problem, nur dass diesmal IE nicht mitspielt. Es tut sich überhaupt nichts.

Ein weiteres problem ist, dass in der kompletten Quelltext, CSS benutzt wurde. Somit denke ich dass, Safari und IE nicht mehr darauf reagieren, was ich reinschreibe.

Kann mir da jemand weiterhelfen? :'(

 

[cebito]

AW: Über CSS alles Links positionieren

Böhmische Dörfer - versteh nicht richtig was du bspw. mit "dass in der kompletten Quelltext, CSS benutzt wurde" meinst. Normalerweise wird die Seite links positioniert, wenn nichts anderes vorgegeben ist. Ein wenig Quelltext aus html- und css-Datei wäre hier sicherlich hilfreich.

 

[sfischer]

AW: Über CSS alles Links positionieren

hallo,

im allgemeinen klebt ja alles links??
um alles zu positionieren würde ich float:left; benutzen.

poste mal den link zur seite!


gruß sfischer

 

[leohh]

AW: Über CSS alles Links positionieren

align:left;

Gibt es in der CSS-Spezifikation so nicht.

 

[paminia]

Danke schonmal vorab.
Die Seite habe ich von einem Kollegen zur nachbearbeitung bekommen. Er hat es vorab schonmal geschrieben, jedoch bekommen wir die Seite nicht mehr linkbündig. Ich meine halt, dass schon vorab viel mit Css gemacht wurde und somit die Seite erstmal Mittig war. Jetzt soll sie wieder link stehen und dass passt vorne und hinten nicht mehr.

Beispiel:

<!-- Beginn Kopf -->
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
  <tr valign="top"> 
    <td>&nbsp;</td>
    <td width="1" class="pxl-01">&nbsp;</td>
    <td width="1000"><table width="1000" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td>&nbsp;</td>
        <td valign="middle"><div align="right"><span class="copy-02-kursiv">xxxxxxxx</span></div></td>
        <td width="240" align="center" valign="top">
<a href="xxx.php" target="_parent" onMouseOver="MM_swapImage('Image','','images/grafik/xxx-xxx_02.gif',1)" onMouseOut="MM_swapImgRestore()">
<img src="images/grafik/xxx_02.gif" name="Image"width="150" height="20" border="0"></a></td>
      </tr>
    </table>
<!-- Ende Kopf -->

z.B. valign und <div align="right"
ist alles von mir auf left geändert worden, hat aber auf im FF nichts geändert.

bei float:left; zieht auch nur FF mit, die anderen bleiben wieder aus

Juhu, ich habe es geschafft. Da war im Table width und hight was den Quelltext gestört hat. Jetzt funktioniert er, nachdem man es rausnimmt. Anscheinend ein % problem.

Danke nochmal....

 

[sokie]

AW: Über CSS alles Links positionieren

z.B. valign und <div align="right"
ist alles von mir auf left geändert worden, hat aber auf im FF nichts geändert.

was soll denn das nun werden...den Wert 'left' für das vAlign gibt es nicht.

verzichte auf tabellen - und alles untereinander ohne jedwede Formatierungen richtet alles erst einmal links aus (default). das ist sogar browserübergreifend so.

<!-- Beginn Kopf -->
<div><span class="copy-02-kursiv">xxxxxxxx</span></div>
<a href="xxx.php" target="_parent" onMouseOver="MM_swapImage('Image','','images/grafik/xxx-xxx_02.gif',1)" onMouseOut="MM_swapImgRestore()">
<img src="images/grafik/xxx_02.gif" name="Image"width="150" height="20" border="0"></a>
<!-- Ende Kopf -->

so sieht der Quelltext ohne tabellen aus, und sollte alles links sein, wenn in class="copy-02-kursiv" nicht etwas anderes notiert ist.

 

[paminia]

AW: Über CSS alles Links positionieren

was soll denn das nun werden...den Wert 'left' für das vAlign gibt es nicht.

verzichte auf tabellen - und alles untereinander ohne jedwede Formatierungen richtet alles erst einmal links aus (default). das ist sogar browserübergreifend so.

<!-- Beginn Kopf -->
<div><span class="copy-02-kursiv">xxxxxxxx</span></div>
<a href="xxx.php" target="_parent" onMouseOver="MM_swapImage('Image','','images/grafik/xxx-xxx_02.gif',1)" onMouseOut="MM_swapImgRestore()">
<img src="images/grafik/xxx_02.gif" name="Image"width="150" height="20" border="0"></a>
<!-- Ende Kopf -->

so sieht der Quelltext ohne tabellen aus, und sollte alles links sein, wenn in class="copy-02-kursiv" nicht etwas anderes notiert ist.

Danke für deine Hilfe, jedoch sind die Tabellen bei dieser Homepage nicht zu verzichten. Sonst arbeite ich auch lieber ohne Tabellen.

Aber zum Glück konnte ich das noch anders klären. Ich wäre allerdings nicht vorher drauf gekommen, dass die Angaben width und height wirklich stören könnten.

Danke nochmal...