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 |
|
|
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
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Sa 11.08.2007 15:03
Titel
|
|
|
Ein Möglichkeit wäre:
Code: | #header {
position: relative;
}
ul {
position: absolute;
bottom: 0;
} |
|
|
|
|
|
Anzeige
|
|
|
monx
Threadersteller
Dabei seit: 23.05.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Sa 11.08.2007 16:03
Titel
|
|
|
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
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Sa 11.08.2007 17:55
Titel
|
|
|
Was nicht was du meinst? Was für ne Infobox und was hast du damit vor?
|
|
|
|
|
monx
Threadersteller
Dabei seit: 23.05.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Sa 11.08.2007 18:39
Titel
|
|
|
hi, mit der infobox meine ich
max mustermann
contact
email
download CV
das steht ja in einem div container.
vielen dank !
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Sa 11.08.2007 18:45
Titel
|
|
|
Code: | #header {
position:relative;
}
#header p {
position:absolute;
left: 600px;
} |
? Du willst das also rechts neben dem Bild positionieren?
|
|
|
|
|
monx
Threadersteller
Dabei seit: 23.05.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Sa 11.08.2007 19:10
Titel
|
|
|
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
|
|
|
|
|
fuchsbau
Dabei seit: 15.08.2005
Ort: .//root
Alter: 40
Geschlecht:
|
Verfasst Mo 13.08.2007 16:09
Titel
|
|
|
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
|
|
|
|
|
|
|
|
Ä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
Divs auf Seite fest zentrieren
Ebenen in Dreamweaver fest positionieren
|
|