Div Position Problem

- WebmasterWork »
- Grafik & Programmierung »
- Sonstige Programmiersprachen »
- Div Position Problem »

Lokalbook

Doppel-As

Dabei seit: 10.04.2010

Beiträge: 100

Dienstag, 27. September 2011, 22:01

Hey,

ich habe ein Problem mit einem Div, irgendwie wenn ich mein Code in den Div Sitepage tu, dann ist der nicht drin was ist daran falsch?

Code:

Spoiler


<div id="sitePage">
<div id="id01-lay-giga-home-13">
<img src="/lokalbook/hp/menubar/images/design/01_lay_giga_home_13.gif" width="992" height="17" alt="" />
</div>
<div id="id01-lay-giga-home-14">
<img src="/lokalbook/hp/menubar/images/design/01_lay_giga_home_14.png" width="13" height="49" alt="" />
</div>
<div onmouseover="$('#button-webhosting').css('background-position','left -49px')" onmouseout="if(show!='webhosting')$('#button-webhosting').css('background-position','left 0px')" id="button-webhosting" onclick="document.location='?show=webhosting'"></div>
<div onmouseover="$('#button-server').css('background-position','left -49px')" onmouseout="if(show!='server')$('#button-server').css('background-position','left 0px')" onclick="document.location='?show=server'" id="button-server"></div>
<div onmouseover="$('#button-vserver').css('background-position','left -49px')" onmouseout="if(show!='vserver')$('#button-vserver').css('background-position','left 0px')" onclick="document.location='?show=vserver'" id="button-vserver"></div>
<div onmouseover="$('#button-gameserver').css('background-position','left -49px')" onmouseout="if(show!='gameserver')$('#button-gameserver').css('background-position','left 0px')" onclick="document.location='?show=gameserver'" id="button-gameserver"></div>
<div onmouseover="$('#button-colocation').css('background-position','left -49px')" onmouseout="if(show!='colocation')$('#button-colocation').css('background-position','left 0px')" onclick="document.location='?show=colocation'" id="button-colocation"></div>
<div onmouseover="$('#button-domains').css('background-position','left -49px')" onmouseout="if(show!='domains')$('#button-domains').css('background-position','left 0px')" onclick="document.location='?show=domains'" id="button-domains"></div>
<div id="id01-lay-giga-home-21">
<img src="/lokalbook/hp/menubar/images/design/01_lay_giga_home_21.png" width="10" height="49" alt="" />
</div>
<div id="id01-lay-giga-home-22">
<img src="/lokalbook/hp/menubar/images/design/01_lay_giga_home_22.gif" width="1" height="49" alt="" />
</div>
<div id="id01-lay-giga-home-23">
<img src="/lokalbook/hp/menubar/images/design/01_lay_giga_home_23.png" width="2" height="17" alt="" />
</div>
<div id="neue-server-generation">
<img src="/lokalbook/hp/menubar/images/design/neue_server_generation.png" width="990" height="17" alt="" />
</div>
</div>

Screen, wo der Div Site Page liegt: http://lokalbook.de/divbug.png

Gruß

Lokalbook

Doppel-As

Dabei seit: 10.04.2010

Beiträge: 100

Donnerstag, 29. September 2011, 22:19

URL noch zur Webseite: http://lokalbook.de/lokalbook/

Brauch dringend noch Hilfe.

Gruß

crank4stalky

Jungspund

Dabei seit: 30.09.2011

Beiträge: 14

Freitag, 30. September 2011, 19:35

also das problem, was ich gerade sehe wenn ich die seite öffne, ist das der header (das bild) über der leiste liegt, und da wäre meine Lösung, mal ein <div style="clear:both;"></div> einzufügen, damit werden sämtliche vorherige ausrichtungen aufgehoben

Aber mal ne andere Frage, hast du irgendwas an dem Quelltext selber geschrieben, weil der sehr sehr unübersichtlich aussieht. man hat echt zu tun sich da erstmal durchzufitzen

Lg stalky

Irren ist menschlich. Aber wer richtigen Mist bauen will, braucht einen Computer!

Lokalbook

Doppel-As

Dabei seit: 10.04.2010

Beiträge: 100

Freitag, 30. September 2011, 21:39

Hi,

Danke erstmals, ich habs jetzt so, aber wieso bekommt ich die Menupunkte nicht so hoch, wie die anderen beiden Grafiken von der menubar siehe: http://lokalbook.de/lokalbook/

diese sind alle beide position: center;

Gruß

crank4stalky

Jungspund

Dabei seit: 30.09.2011

Beiträge: 14

Freitag, 30. September 2011, 22:50

ähm, von welchen menüpunkten sprichst du da grade, weil wenn ich mir das mit dem browserquellcode anschau, finde ich nix was hier position:center hat

ich versteh im moment auch grad noch nich ganz worauf du hinaus willst, weil das was mir halt ins auge fällt, ist das dein bild, auf der navigation liegt und die suchleiste unten drunter, und ich würde jetzt vermuten das das behoben werden sollte... oder?!

gruß

Irren ist menschlich. Aber wer richtigen Mist bauen will, braucht einen Computer!

Lokalbook

Doppel-As

Dabei seit: 10.04.2010

Beiträge: 100

Freitag, 30. September 2011, 22:58

Hey,

so möchte ich das ganze Platzieren aber ich bring es nicht fertig, hier ist der CSS und der PHP Code:

PHP Code:

Spoiler


<div id="sitePage">
<div id="id01-lay-giga-home-13">
<img src="http://lokalbook.de/lokalbook/hp/menubar/images/design/01_lay_giga_home_13.gif" width="992" height="17" alt="" />
</div>
<div id="id01-lay-giga-home-14">
<img src="http://lokalbook.de/lokalbook/hp/menubar/images/design/01_lay_giga_home_14.png" width="13" height="49" alt="" />
</div>
<div onmouseover="$('#button-webhosting').css('background-position','left -49px')" onmouseout="if(show!='webhosting')$('#button-webhosting').css('background-position','left 0px')" id="button-webhosting" onclick="document.location='?show=webhosting'"></div>
<div onmouseover="$('#button-server').css('background-position','left -49px')" onmouseout="if(show!='server')$('#button-server').css('background-position','left 0px')" onclick="document.location='?show=server'" id="button-server"></div>
<div onmouseover="$('#button-vserver').css('background-position','left -49px')" onmouseout="if(show!='vserver')$('#button-vserver').css('background-position','left 0px')" onclick="document.location='?show=vserver'" id="button-vserver"></div>
<div onmouseover="$('#button-gameserver').css('background-position','left -49px')" onmouseout="if(show!='gameserver')$('#button-gameserver').css('background-position','left 0px')" onclick="document.location='?show=gameserver'" id="button-gameserver"></div>
<div onmouseover="$('#button-colocation').css('background-position','left -49px')" onmouseout="if(show!='colocation')$('#button-colocation').css('background-position','left 0px')" onclick="document.location='?show=colocation'" id="button-colocation"></div>
<div onmouseover="$('#button-domains').css('background-position','left -49px')" onmouseout="if(show!='domains')$('#button-domains').css('background-position','left 0px')" onclick="document.location='?show=domains'" id="button-domains"></div>
<div id="id01-lay-giga-home-21">
<img src="http://lokalbook.de/lokalbook/hp/menubar/images/design/01_lay_giga_home_21.png" width="10" height="49" alt="" />
</div>
<div id="id01-lay-giga-home-22">
<img src="http://lokalbook.de/lokalbook/hp/menubar/images/design/01_lay_giga_home_22.gif" width="1" height="49" alt="" />
</div>
<div id="id01-lay-giga-home-23">
<img src="http://lokalbook.de/lokalbook/hp/menubar/images/design/01_lay_giga_home_23.png" width="2" height="17" alt="" />
</div>
<div id="neue-server-generation">
<img src="http://lokalbook.de/lokalbook/hp/menubar/images/design/neue_server_generation.png" width="990" height="17" alt="" />
</div>
</div>

CSS Code:

Spoiler

/* ### -- -- -- -- -- Lokalbook Website Style Declaration File -- -- -- -- -- ### */

/*

File: style.css
Copyright by Lokalbook.de

*/

/* ################################# START: Menubar ################################# */

#id01-lay-giga-home-13 {
position:absolute;
left:0px;
top:82px;
width:992px;
height:17px;
}

#id01-lay-giga-home-14 {
position:absolute;
left:0px;
top:99px;
width:13px;
height:49px;
}

#button-webhosting {
background-image:url(http://lokalbook.de/lokalbook/hp/menubar…_webhosting.gif);
cursor:pointer;
position:absolute;
left:13px;
top:99px;
width:174px;
height:49px;
}

#button-server {
background-image:url(http://lokalbook.de/lokalbook/hp/menubar…tton_server.gif);
cursor:pointer;
position:absolute;
left:187px;
top:99px;
width:130px;
height:49px;
}

#button-vserver {
background-image:url(http://lokalbook.de/lokalbook/hp/menubar…ton_vserver.gif);
cursor:pointer;
position:absolute;
left:317px;
top:99px;
width:147px;
height:49px;
}

#button-gameserver {
background-image:url(http://lokalbook.de/lokalbook/hp/menubar…_gameserver.gif);
cursor:pointer;
position:absolute;
left:464px;
top:99px;
width:190px;
height:49px;
}

#button-colocation {
background-image:url(http://lokalbook.de/lokalbook/hp/menubar…_colocation.gif);
cursor:pointer;
position:absolute;
left:654px;
top:99px;
width:165px;
height:49px;
}

#button-domains {
background-image:url(http://lokalbook.de/lokalbook/hp/menubar…ton_domains.gif);
cursor:pointer;
position:absolute;
left:819px;
top:99px;
width:162px;
height:49px;
}

#id01-lay-giga-home-21 {
position:absolute;
left:981px;
top:99px;
width:10px;
height:49px;
}

#id01-lay-giga-home-22 {
position:absolute;
left:991px;
top:99px;
width:1px;
height:49px;
}

#id01-lay-giga-home-23 {
position:absolute;
left:0px;
top:148px;
width:2px;
height:17px;
}

#neue-server-generation {
position:absolute;
left:2px;
top:148px;
width:990px;
height:17px;
}

/* ################################# END: Menubar ################################# */

Vielen Dank für eure Hilfe.

Toast

Tripel-As

Dabei seit: 02.01.2011

Beiträge: 210

Samstag, 1. Oktober 2011, 00:16

Abend zusammen!

Zitat von »Lokalbook«

Hey,
so möchte ich das ganze Platzieren aber ich bring es nicht fertig, hier ist der CSS und der PHP Code:

Was bedeutet so? So wie crank4stalky meint, oder was

, sorry, ich blicke da echt nicht durch. Und ich denke ich bin da nicht der Einzige (hoffe ich

).
Dann zu Deinem Quellcode. Der sieht, wie auch mein Vorposter schon angemerkt, recht wüst aus. Da fällt es wirklich schwer durchzublicken und dementsprechend zu helfen. Das fiel mir auch schon im anderen Thread auf und hatte auch schon ein andere Poster geschrieben. Hier wäre es wirklich nützlich sich diese gut gemeinten Hinweise zu Herzen zu nehmen.
Um den Code etwas übersichtlicher zu machen, wäre es vom Vorteil, wenn Du Dir vorher Gedanken über den Seitenaufbau machst, und keine Formatierungen im eigentlichen Dokument vornimmst. Zudem: Sehe ich es richtig, dass Du mit "leeren Divs" und JS Links aufzubauen versuchst? Wenn ja: Ein gewagtes Unterfangen. Und lass' Dir noch den Hinweis von mir geben, dass Divs eigtl. nicht für sowas gemacht wurden. Eventuell solltest Du Dich erst noch mal genauer mit einzelnen Elementen auseinander setzen, denn was auch immer Du vor hast, ich bin sicher, es geht wesentlich einfacher/übersichtlicher.

Sorry, für die teils harten Worte, sie sind aber nicht böse gemeint. Jeder hat mal angefangen. Wenn Du so weiterarbeiten willst, drück Dich bitte genauer aus, was Du eigentlich willst, und versuche den Quelltext übersichtlicher zu gestalten (es scheinen sich ja sehr viele Zeilen zu ähneln.

Liebe Grüße,

Toast

Vulpire GbR - Marketingagentur in Köln und Dülmen

Lokalbook

Doppel-As

Dabei seit: 10.04.2010

Beiträge: 100

Samstag, 1. Oktober 2011, 12:57

Upps ich hatte mit "So möchte ich das Platzieren" den Link vergessen mitzu posten: http://lokalbook.de/divbug.png

Gruß Tobi

Div Position Problem

Zitat von »Lokalbook«

Ähnliche Themen