Bewertet Page

Linkifan · 02/04/2011, 20:46

CLOSED

NotEnoughForYou · 02/04/2011, 20:49

1. würde ich es zentrieren mit nem container ... 2. ist dein js nicht sehr sauber und alles etwas seltsam platziert ... sonst eig ganz gut ... und dass sie nur mit mozilla funzt liegt an deiner css ... absolute positionieren würde ich dir nur in der höhe empfehlen ( wenn übehraupt ) nicht aber left , right etc... dafür benutz man margin in einem div container der mittels

PHP Code:


			
margin:0px auto;

zentriert wird

NotEnoughForYou · 02/04/2011, 21:06

ich erkläre es dir kurz ... dem container ( der alles umschließt ) gibt man eine feste breite zb. 1000px;

PHP Code:


			
div#container {
width:1000px;
margin:0px auto; // zentriert den container in der Mitte des Bildschirms ( egal wie groß er ist)
background:url("pfad zu nem background zb.") no-repeat 0 0; // Background + nicht 
wiederholung;
text-align:center; // Der Text wird im Container zentriert, kann durch bestimmte text-klassen geändert werden; 
}

und dann in der html datei

PHP Code:


			
<div id="container"><h2>Tada</h2></div>

Und schon haben wir unsre überschrift h2 tada zentriert ( egal bei welcher bildschirmgröße)

NotEnoughForYou · 02/04/2011, 21:12

nein deine jetzigen div´s werden sich dann an den inhalt von container anpassen, wären sie nicht absolute positioneirt... auf absolute würde ich völlig verzichten ( ist veraltet ) höchstens bei der höhe-angabe ( also abstand) aber nicht! für links und rechts abstand ...

NotEnoughForYou · 02/04/2011, 21:16

PHP Code:


			
#box1 {
margin:20px 20px; // die ersten abstand von oben, 2. abstand von links aber IM div#container also trotzdem noch zentriert

NotEnoughForYou · 02/04/2011, 21:21

jo genau

WhiteCollar · 02/04/2011, 23:57

ehm hätte nochwas.. die buttons^^ mach doch ne tranzparenten hintergrund von den buttons und nur ne schrift^^.. viel einfacher.. und alles perefect bei mir ist nämlich ein butten verzogen^^

bammes · 02/05/2011, 10:58

mach doch im dropdown menü einen hintergrund
sonst finde ich persönlich das n bissle lw.

kannsch auch mal nach jquery schauen damit kannsch leicht animationen reinmachen, damits besser wirkt ;-) also halt menü langsam rausfahren lassen

denke dass es an deinem jscode liegen kann.

document.getelementbyid('id') 
document.all['id'] 
document.Layers['id']

~~BlueSkyler~~ · 02/05/2011, 11:16

Ich find bisher gut gemacht

Vllt. bissle anderes Design würde mir gefalen aber jeder hat seinen eigenen Geschmack

NotEnoughForYou · 02/05/2011, 11:27

Mach statt einer Klasse eine id dann muesste es mit Margin klappen ... Klassen werden eigentlich mit Padding verschoben , da sie eig immer den gleichen bg haben und sich auf ihre hauptid beziehen

NotEnoughForYou · 02/05/2011, 13:00

jo und dann halt nicht .m sondenr #m

NotEnoughForYou · 02/05/2011, 13:04

jo ... würde aber

PHP Code:


			
#m {
margin:200px 300px;
} // mit absätzen

dann ist es übersichtlicher

NotEnoughForYou · 02/05/2011, 13:08

jo oder poste mal deinen ganzen css code ... vermutlich sind da paar fehler ^^

NotEnoughForYou · 02/05/2011, 13:19

dein css code ist etwas durcheinander .... ganz oben kommt

PHP Code:


			
body { 
color:#FFF; // nur als beispiel 
}
div#container {
width:1000px;
}

und dann der rest ...

NotEnoughForYou · 02/05/2011, 13:23

sind ein paar fehler drin, validiere ihn mal und wieso überhaupt 2 css ? mach doch alles in einer?