Dynamische CSS-Navigation für moderne Browser, CSS-Problem

h32Lg · Beitrag von **h32Lg** » 25.11.2008 21:02

Das mit den Gesamtdivs wäre kein Problem, aber das mit dem Rand versteh ich jetz nicht so ganz, du würdest den komplett raus hauen und mit nem einfachen Boarder versehen? Das wär aber nicht der Sinn von dem was ich vor hab

piero · Beitrag von **piero** » 25.11.2008 21:13

nicht ganz, ich würd den durch ein gesamthintergrundbild ersetzen

so in etwa: 1px hoch, 800px breit(so wie dein design jetzt ist)

_rand_.............(schwarz, transparent, sonstwas)..............._rand_

ergänzend das html:
(nichts)<div>ein div für jede zeile, evtl mit unterdivs</div>(nichts)

wär dann relativ einfach aufgebaut, weil du den rand nicht mehr angeben musst, so wie dus jetzt tust (#leftsidemenu/#rightsidemenu, etc. und im banner könntest dus auch rausnehmen)

h32Lg · Beitrag von **h32Lg** » 25.11.2008 21:24

Naja, das Problem dabei ist halt, dass ich das ganze gern dynamisch gestaltet hätte, so dass sich der Content dem Inhalt (Höhe) anpasst, wass ja dann nicht mehr möglich wär

greets h32Lg

piero · Beitrag von **piero** » 25.11.2008 21:32

sicher ist das noch möglich^^

zB:
body {
padding: 0 auto;
width:800px;
background-image:url('bild.png');
backgorund-repeat: repeat-y;
}

das hintergrundbild muss nur einen pixel hoch sein, das reicht schon, es vergrössert sich dann bis zum ende der seite

und da fällt mir noch was ein:
damit der inhalt nicht auf den rand geht, musst/solltest du ein gesamtdiv erstellen (<body><div id="gesamt">der gesamte inhalt</div></body>)
#gesamt {
width:750px; /* 800px - ränderbreite */
}

h32Lg · Beitrag von **h32Lg** » 25.11.2008 21:34

piero hat geschrieben:sicher ist das noch möglich^^

zB:
body {
padding: 0 auto;
width:800px;
background-image:url('bild.png');
backgorund-repeat: repeat-y;
}

das hintergrundbild muss nur einen pixel hoch sein, das reicht schon, es vergrössert sich dann bis zum ende der seite

und da fällt mir noch was ein:
damit der inhalt nicht auf den rand geht, musst/solltest du ein gesamtdiv erstellen (<body><div id="gesamt">der gesamte inhalt</div></body>)
#gesamt {
width:750px; /* 800px - ränderbreite */
}

Jo des erste ist mir schon klar, aber des zweite, lol

Wenn dann schon mit padding/margin left ...

mh, ich hab nur keine lust meine grafiken jetzt schon wieder neu zu machen :/

greets h32Lg

piero · Beitrag von **piero** » 25.11.2008 21:39

ja stimmt, beim zweiten kommt noch dazu:
#gesamt {
width:750px;
padding: 0 auto;
}

ach komm, die hintergrundgrafik wirst du wohl schaffen, hast ja schon alles, must nur noch ein bisschen zusammensetzen

h32Lg · Beitrag von **h32Lg** » 25.11.2008 21:44

Naja womit das Problem ja nur indirekt gelöst wär

ich wüsste halt schon gern wo da der Fehler liegt ...

greets h32Lg

piero · Beitrag von **piero** » 25.11.2008 21:55

-_-
du hast ja momentan das problem, dass das rechte randstückchen nicht richtig angezeigt wird.
wenn du den ganzen rand im forum rausnimmst, und durch ein einheitliches bild ersetzt, kann dir da nicht mehr passieren

(argh, siehs doch endlich ein und schmeiss die teilchen raus.... ich mach dir das hintergrundbild auch, wenns sein muss^^)

h32Lg · Beitrag von **h32Lg** » 27.11.2008 00:11

piero hat geschrieben:-_-
du hast ja momentan das problem, dass das rechte randstückchen nicht richtig angezeigt wird.
wenn du den ganzen rand im forum rausnimmst, und durch ein einheitliches bild ersetzt, kann dir da nicht mehr passieren
(argh, siehs doch endlich ein und schmeiss die teilchen raus.... ich mach dir das hintergrundbild auch, wenns sein muss^^)

suuuuuuuper

nun fehlt ja nur noch, dass es im IE auch richtig angezeigt wird

... ich mein ja nur, anstatt mir zu helfen ein kleines löchlein zu stopfen gleich vorschlagen alles neu/anders zu machen ... und nu? siehts einfach scheiße aus im IE ...

piero · Beitrag von **piero** » 27.11.2008 02:15

da fehlte noch die angabe "background-position:center"

dann funktionierts auch im ie...

gleich vorschlagen alles neu/anders zu machen

huii... dann würdest du deine seite am schluss nicht mehr wiedererkennen im code

(bei gleicher oberfläche, nur hast du dann weniger probleme wenn du was neues reinmachst

)