div positionierung

**BLG** · 29.09.2006, 12:15

wenn du sagst es "bezieht sich auf links/rechts"
meinst du doch bestimmt es ist linksbündig oder rechtsbündig ausgerichtet oder?

wie sieht denn dein Ansatz aus?

Außerdem hat das doch nix mit PHP zu tun oder?
Gehört wohl eher zu HTML!

**TobiaZ** · 29.09.2006, 12:19

PHP-Code:


echo 'CSS-Code hier';

*move* nach HTML und CSS

**analyzer** · 29.09.2006, 12:33

Also, das sich der abstandhalter mit verschiebt hab ich jetzt hinbekommen. Jetzt möchte ich nur noch das sich das rechts ausgerichtete logo nur bis zu einem bestimmten punkte nach links verschiebt wenn sich die fenster größe ändert. So das dann der vertikale scroll-balken eingreift. Ich hab das versucht zu lösen indem ich mit der .mein klasse die min size auf 900 gesetzt hab, er verschiebt sich aber dann trotzdem mit.
Ich bin nicht so ein css freak das ich mir das alles so leicht erklären kann.

html

Code:

<div class="main" />

<div class="banner" /><img src="../img/banner.gif" /></div>
<div class="banner_abstand" /></div>
<div class="banner_balken" /><img src="../img/balken_oben.gif" /></div>
<div class="banner_logo" /><img src="../img/banner_logo.gif" /></div>

css

Code:

.banner { position: absolute; top: 0; width: 675px; height: 117px; min-width: 675px; max-width: 675px; }
.banner_abstand { background-image: url(../img/banner_abstand.gif); background-repeat: repeat; 
position: inherit; top: 0; left: 675px; width: 100%; height: 142px; min-width: 12px; }
.banner_balken { position: absolute; top: 117px; width: 675px; height: 25px; }
.banner_logo { position: absolute; top: 0; right: 1px; width: 165px; height: 174px; }
.main { min-width: 900px; }

edit: hier könnt ihr euch das mal ansehen
sv-arnsberg09.de

EDIT:
by TobiaZ: Enter!

**gruenspan** · 29.09.2006, 12:47

Verzichte zuersteinmal auf die absolute Positionierung!

**analyzer** · 29.09.2006, 12:49

Ich geh mal davon aus das du die abs. pos. des logos meinst. Wenn ich die auf relativ stelle rutscht der div unter das banner nach links?!
Wenn ich sie auf fixed stelle, funktioniert es einigermaßen im ff aber nicht im ie

**BLG** · 29.09.2006, 13:11

Eine Lösung wäre die mit Tabellen:
(die Tabellenbreite 100% kannst du ja immer noch ändern!)

Code:

<table width="100%" cellpadding="0" cellspacing="0" border="1">
  <tr>
    <td width="675"><img src="banner.gif"></td>
    <td class="banner_abstand"></td>
    <td width="165"><img src="banner_logo.gif"></td>
  </tr>
</table>

Du müsstest dann aber dein Bild banner.gif anpassen, sodass
balken_oben.gif mit in das Bild banner.gif eingearbeitet ist!
(musst das ja auch nicht seperat haben oder?)

Außerdem kannst du die css-Klassen für banner, banner_balken und banner_logo löschen und die banner_abstand anpassen:

Code:

.banner_abstand { background-image: url(banner_abstand.gif); background-repeat: repeat }

Ist vielleicht nicht die schönste Lösung aber sie geht!
Achtung: Ich habe die URLs der Bilder verändert ... musst du also
nochmal anpassen!

**analyzer** · 29.09.2006, 13:17

Danke für die antwort, falls ich keine andereLösung finde, werd ich auf tabellen zurückgreifen.

**BLG** · 29.09.2006, 13:19

oh ... du musst noch das border="1" rauß nehmen sonst siehts komisch aus! setze es einfach auf 0!

MFG
BLG

**analyzer** · 29.09.2006, 13:24

Ja das hätte ich dann auch schon geschafft

**gruenspan** · 29.09.2006, 17:17

Original geschrieben von analyzer
Ich geh mal davon aus das du die abs. pos. des logos meinst. Wenn ich die auf relativ stelle rutscht der div unter das banner nach links?!...

schon mal was von float gehört?

EDIT:
und brich bitte deinen zweiten Thread um. ich muß scrollen bei 1280x1024

div positionierung