Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag21.05.2009 um 11:41 (UTC)    
Titel: Design Problem

Hi allerseits,
Ich bins mal wieder!
Mir ist aufgefallen, dass trotz der Prozentangaben, bei einer sehhhrr geringen Auflösung alles verschoben ist. Das ist aber ger nich das Problem, da die Aulösung wirklich Minimum war! (ich glaube um die 600x600)
Das Problem ist, dass die zweite Extrabox im IE verschoben wird, obwohl sogar ein IE hack (htm, body{...} ) eingebaut ist!
könnte mir eventuell jemand dmait helfen, alles im IE sowie im FF richtig darzustellen! (lasst euch nicht von den nicht-abgerundeten Ecken ablenken; da arbeite ich schon dran)

Hier der Code:


Text über dem Design:

<div id="Mein_Bild"></div>


Unter dem Design:

<div id="Infos_container"><div id="Infos_heading">Infos:</div>
<!--Infos hier eintragen-->
<div id="Infos_content">
Nun ist es soweit!
Der Umbau ist fast abgeschlossen!
Der neue Titel ist:
" Electro_Freaks.de.tl"!!!
Nun beginnt der Einbau des Inhalts!</div>
<!--hier die Infos eintragen-->
</div>



<div id="sockel">©Copyright 2009 by Electro_Freaks.de.tl | Design & Coding by Nico Büker| Alle Rechte vorbehalten!!</div>



Ohne style tags:

html, body { height: 123%; margin:0; padding:0;
background-color: black;}
#Mein_Bild {
margin: 0;
width: 100%;
height: 150%;
margin: 0;
padding: 0;
background-image:url(http://img.webme.com/pic/n/nico-pb-page/pc11.gif);}


a:link {
color: white;
font-size: 13px;
text-decoration: underline;}
a:visited{
color: white;
font-size: 13px;
text-decoration: underline;}


#header_container {
position: absolute;
margin-left:0px;
top: 40px;
width: 100%;
height:100px;
background-color:#343434;
background-image:url(http://img.webme.com/pic/f/free-picture/gamebanner.jpg);
color:#FFFFFF;
font-size:13px;
border: 1px solid #FFFFFF;}

#header{
position: absolute;
left: 50%;
margin-left: -365px;
top: 20px;
color: white;
font-family: Comic Sans MS;
font-size: 27px;}


#content {
position: absolute;
top: 140px;
margin-left: 15%;
width: 61%;
height: 200%;
padding:10px;
color: #F2F2F2;
font-size:13px;
background-color:#343434;
background-image:url();
border: 1px solid #FFFFFF;
-moz-border-radius-bottomright:100px;
-moz-border-radius-bottomleft:100px;
overflow:auto;}


#nav_container{
position: fixed;
top:140px;
margin-left: 0px;
width: 15%;
border:1px solid #FFFFFF;
-moz-border-radius-topleft: 100px;
-moz-border-radius-bottomleft: 100px;}

ul#nav{
width: 130px;
padding: 15px;
margin: 0px;
padding-bottom: 50px;}

li.nav_element{
list-style-type: none;
position: relative;
padding:5px;
width: 115px;}

li.nav_element a{
display: block;
width: 115px;
padding:4px;
font-weight: bold;
text-decoration: none;
text-align: left;
color:blue;
background-color:#343434;
background-image:url(HIER BUTTON-ULR_1);
border: 2px solid #000000;}

li.nav_element a:hover{
color: #000000;
background-color:#C9C9C9;
background-image:url(HIER BUTTON-URL_2);}


#counter{
position: absolute;
top: 115px;
margin-left:80%;
padding-right:10px
width: 180px;
height: 20px;
color: black;
font-size:13px;
border: 2px solid white;
-moz-border-radius: 75px;}


#sidebar_container{
position: absolute;
top:140px;
margin-left: 77%;
width: 19%;
height: 45%;
background-color:#343434;
background-image:url;
border:1px solid #FFFFFF;
-moz-border-radius-topright: 50px;
-moz-border-radius-bottomright: 50px;
color:#000000;
overflow:auto;}

#sidebar_content{
color: white;
position: absolute;
margin-left: 35px;
top: 95px;}
#sidebar_content a{
color: white;}
#sidebar_content a:visited{
color: white;}
#sidebar_heading{
color: white;}

#Infos_container{
position: absolute;
margin-left: 77%;
margin-top: -82%;
width: 20%;
height: 45%;
background-color: #343434;
border: 1px solid white;
-moz-border-radius-topright: 75px;
-moz-border-radius-bottomright: 75px;
color:#000000;
overflow:auto;
clear: both;}

#Infos_heading{
font-family: Verdana;
font-size: 24px;
color: white;
position: relative;}

#Infos_content{
font-family: Comic Sans MS;
font-size: 19px;
color: white;
position: relative;
width: 99%;
height: 75%;
margin-top: 18%;}



#sockel {
width: 55%;
color: white;
border: 2px dotted white;
-moz-border-radius: 50px;
background-color:#343434;
margin-left: 18%;
margin-top: -20%;
padding-left: 25px;
position: absolute;}


Screenshot FF


Screenshot IE 7 (glaub ich)
Beitrag21.05.2009 um 11:57 (UTC)    
Titel:

Zitat:
#Infos_container{
position: absolute;
margin-left: 77%;
top: 100px;
width: 20%;
height: 45%;

background-color: #343434;
border: 1px solid white;
-moz-border-radius-topright: 75px;
-moz-border-radius-bottomright: 75px;
color:#000000;
overflow:auto;
clear: both;}
Ändere mal das rote,
denn für die Höhen Postionierung sollte man "top" verwenden.
Außerdem wären beim blauen Pixel Angaben besser,
denn die Box soll ja überall gleich Aussehen, oder?
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag21.05.2009 um 21:04 (UTC)    
Titel:

also erstmal danke für die antwort aber:

wie meisnt du das? da steht doch schon top!
und nein soll sie nicht, da es ja unterschiedliche auflösungen gibt!
die site soll immer die prozentangaben vm bildschirm übernehmen
Beitrag21.05.2009 um 21:09 (UTC)    
Titel:

Ich sehe das Problem noch nicht? Warum optimierst du nicht einfach eine Homepage für FF und IE mit px-Angaben?
Beitrag21.05.2009 um 21:16 (UTC)    
Titel:

danach frage ioch doch gerade
sieh dir den screenshot an!
die eine box ist über die andere geschoben
Beitrag22.05.2009 um 12:15 (UTC)    
Titel:

ich bitte nochmal um Antwort!
Wie kann ich die Seite für IE und FF optimieren und gleichzeitig auch für die wichtigstens Auflösungen???
Beitrag22.05.2009 um 18:05 (UTC)    
Titel:

ok, wenn mir keiner dabei helfen will, dann auch egal!
dann eben nicht!
aber hat jemand eine Lösung für folgendes problem?:

ich habe einen menü-punkt der heißt tools
darunter ist eine untersite, die heißt Speed-Tests!
aber ich wollte diese nicht in der navi stehen haben!
also habe ich sie selbst nochmal definiert und platziert, da wo ich sie haben möchte!
jetzt ist das problem, dass der Link zur seite zwar richtig platziert ist, aber auf jeder seite!!!
ich hätte ihn aber gerne nur, wenn man auf die seite Tools geht!

wie wäre das denn möglich?
Beitrag22.05.2009 um 23:25 (UTC)    
Titel:

@ nico-pb-page:
Lass bitte das "pushen" innerhalb von 24 Stunden.

Hier nochmal die Forum Regeln zum nachlesen:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=68703

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag23.05.2009 um 00:14 (UTC)    
Titel:

soryy wollte ich nicht!
könnt ihr sowieso schließen! das erste Problem habe ich mit IE hacks gelöst (star hack und plus star hack für die dies googeln wollen)
und das zweite habe ich gelöst, in dem ich den Link nicht ins Design sondern in den Conten Teil (sprich unter seiten bearbeiten) geschrieben

also erledigt
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de