mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Do 25.04.2024 18:30 Benutzername: Passwort: Auto-Login

Thema: layout via css - stecke fest vom 11.08.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> layout via css - stecke fest
Seite: 1, 2  Weiter
Autor Nachricht
monx
Threadersteller

Dabei seit: 23.05.2006
Ort: -
Alter: -
Geschlecht: -
Verfasst Sa 11.08.2007 14:47
Titel

layout via css - stecke fest

 Antworten mit Zitat Zum Seitenanfang
hi !

vielleicht kann mir jemand bei meinem css problem helfen ?

http://veramoser.com/temp_david/test_layout01.html
das layout möchte ich mit html/css umsetzen.

mein versuch.
http://veramoser.com/temp_david/css_test01.html

ich weiß das is jetzt noch nicht so dolle aber ich werds schon hinkriegen.
da steck ich fest: wie bekomme ich jetz meine navi auf gleich höhe mit der header grafik ?
habs mit vertical-align:bottom; probiert - hat leider nix gebracht.

ist das gerüst generell so ok ?

vielen dank für eure hilfe !

Zuletzt bearbeitet von monx am Sa 11.08.2007 14:48, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Sa 11.08.2007 15:03
Titel

Antworten mit Zitat Zum Seitenanfang
Ein Möglichkeit wäre:

Code:
#header {
   position: relative;
}
ul {
   position: absolute;
   bottom: 0;
}
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
monx
Threadersteller

Dabei seit: 23.05.2006
Ort: -
Alter: -
Geschlecht: -
Verfasst Sa 11.08.2007 16:03
Titel

Antworten mit Zitat Zum Seitenanfang
hi m,

vielen dank funktioniert super, was ich jetzt nicht ganz verstehe ist warum sich die gleiche methode(also das positionieren) nicht auch auf meine infobox umsetzten lässt.

der aktuelle link:
http://veramoser.com/temp_david/css_test01.html

vielen dank nochmal!

Zuletzt bearbeitet von monx am Sa 11.08.2007 16:22, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Sa 11.08.2007 17:55
Titel

Antworten mit Zitat Zum Seitenanfang
Was nicht was du meinst? Was für ne Infobox und was hast du damit vor?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
monx
Threadersteller

Dabei seit: 23.05.2006
Ort: -
Alter: -
Geschlecht: -
Verfasst Sa 11.08.2007 18:39
Titel

Antworten mit Zitat Zum Seitenanfang
hi, mit der infobox meine ich


max mustermann

contact
email
download CV

das steht ja in einem div container.

vielen dank !
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Sa 11.08.2007 18:45
Titel

Antworten mit Zitat Zum Seitenanfang
Code:
#header {
position:relative;
}
#header p {
position:absolute;
left: 600px;
}


? Du willst das also rechts neben dem Bild positionieren?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
monx
Threadersteller

Dabei seit: 23.05.2006
Ort: -
Alter: -
Geschlecht: -
Verfasst Sa 11.08.2007 19:10
Titel

Antworten mit Zitat Zum Seitenanfang
genau !
so wie hier
http://veramoser.com/temp_david/test_layout01.html


Zitat:
#header {
position:relative;
}
#header p {
position:absolute;
left: 600px;
}


so habe ich es auch probiert aber es hat ned funktioniert.


danke
  View user's profile Private Nachricht senden
fuchsbau

Dabei seit: 15.08.2005
Ort: .//root
Alter: 40
Geschlecht: Männlich
Verfasst Mo 13.08.2007 16:09
Titel

Antworten mit Zitat Zum Seitenanfang
monx hat geschrieben:
genau !
so habe ich es auch probiert aber es hat ned funktioniert.


darum:

SELFHTML hat geschrieben:
absolute = absolute Positionierung, gemessen am Rand des nächsthöheren Vorfahrenelements, das nicht die Normaleinstellung position:static aufweist. Scrollt mit.


das left funktioniert imo, das <p>...</p> ist +400px am linken rand vom header-div ausgerichtet.
benutz doch für absolut positionierte sachen auch <div>, dann funktioniert das auch alles besser und du siehst vll. selbst, was du falsch machst.

dein code so wie er im moment ist ist einfach nur müll.

du solltest als erstes anfangen, deine styles in eine css datei auszulagern,

1. macht das css dann nämlich auch sinn und
2. ist es einfach unst übersichtlicher.

oder ihn zumindest im <head> der datei sammeln.

Zuletzt bearbeitet von fuchsbau am Mo 13.08.2007 16:20, insgesamt 3-mal bearbeitet
  View user's profile Private Nachricht senden
 
Ähnliche Themen DW CS4: Bearbeitbare Bereiche, stecke fest =((
Website mit festen Layout in dynamisches Layout umbauen
fest an DIV ausrichten?
grafik fest positionieren mit css
Hintergrundbild mit jquery fest plazieren
Divs auf Seite fest zentrieren
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB