Suche im Forum:
Suchen


Autor Nachricht
Beitrag18.05.2010 um 18:02 (UTC)    
Titel: Probleme mit eigenem Design

Hi Leuts,
ich bin aktuell dabei mir ein eigenes Design zu basteln und bin dabei auf ein oder zwei Probleme gekommen.
Es geht um das Design meiner (Preview)Seite http://www.badnet.de.tl:

1.
Obwohl ich darauf geachtet habe das die alle Breiten der verschiedenen Boxen zusammen in einer Linie 900px (die Breite der Webseite) ergeben, habe ich, wie man sieht, zwischen Navi und den Boxen darunter Unterschiede.

Kann da mal jemand in meinen Code spicken und mir helfen? Danke.

2.
Wenn ich den Counter aktiviere und auf jeder Seite anzeigen lasse, so landet er zwischen Content und PostContent. Ist das normal und wenn ja wie kann ich das umgehen?

Mein Code
Text über dem Design:
Code:
<div id="header">
</div>
<div id="navigation">
<a href="http://badweb.de.tl/home.htm"><img src="http://img.webme.com/pic/b/badnet/startseitebutton.png" alt="Startseite" border="0"></a> <a href="http://badweb.de.tl/Community.htm"><img src="http://img.webme.com/pic/b/badnet/communitybutton.png" alt="Community" border="0"></a> <a href="http://badweb.de.tl/media.htm"><img src="http://img.webme.com/pic/b/badnet/mediathekbutton.png" alt="Mediathek" border="0"></a> <a href="http://badweb.de.tl/Infos.htm"><img src="http://img.webme.com/pic/b/badnet/linklistebutton.png" alt="Linkliste" border="0"></a>
</div>





<style type="text/css">
<!--
#nav_Home{display:none;}
#nav_Community{display:none;}
#nav_Mediathek{display:none;}
#nav_Infos{display:none;}
#nav_Kontakt{display:none;}
#nav_Impressum{display:none;}
-->
</style>


Text unter dem Design:
Code:
<div id="rBoxHeader">
<div id="rBox"> Test
</div>
</div>
<div id=below><a href="http://badweb.de.tl/Kontakt.htm">Kontakt</a> - <a href="http://badweb.de.tl/Impressum.htm">Impressum</a> - Copyright by BadWeb
</div>


CSS Code ohne Styletags:
Code:
* {
margin: 0px;
}

body {
background-image: url(http://img.webme.com/pic/b/badnet/body.png);
background-color: #212020;
background-repeat: repeat-x;
width: 900px;
margin: auto;
background-color: #fff
font-family: sans;
font-size: 14px;
color: #fff;
}

a {
color: #1f88e3;
text-decoration: none;
}

a:hover {
color: #1f70e3;
text-decoration: underline;
}


#header_container {
display: none;
}

#header {
height: 141px;
width: 900px;
background-image: url(http://img.webme.com/pic/b/badnet/header.png);
background-repeat: no-repeat;
}

#navigation {
width: 900px;
height: 30px;
background-image: url(http://img.webme.com/pic/b/badnet/navobe.png);
background-repeat: no-repeat;
}

#nav_container {
width: 100px;
float: left;
}

#nav a{
display: block;
width: 100px;px;
height: 19px;
background: url(http://img.webme.com/pic/b/badnet/navbutton.png) no-repeat;
font-size: 14px;
}

#nav a:hover {
background: url(http://img.webme.com/pic/b/badnet/navbuttonhover.png) no-repeat;
}

#nav li {
list-style-type: none;
text-align: center;
margin-left: -40px;
}

#nav_heading {
height: 46px;
width: 100px;
background-image: url(http://img.webme.com/pic/b/badnet/navheader.png);
background-repeat: no-repeat;
}

#content_container {
width: 575px;
float: left;
}
#pre_content{
background: url(http://img.webme.com/pic/b/badnet/precontent.png) no-repeat;
height: 22px;
}
#content{
background: url(http://img.webme.com/pic/b/badnet/content.png) repeat-y;
min-height: 250px;
padding: 15px;
}
#post_content{
background: url(http://img.webme.com/pic/b/badnet/postcontent.png) no-repeat;
height: 22px;
}

#title span {
display: none;
}

#rBoxHeader {
width: 225;
height: 53px;
background: url(http://img.webme.com/pic/b/badnet/rboxheading.png) no-repeat;
float: left;
}

#rBox {
width: 195px;
float: left;
padding-top: 58px;
padding-left: 15px;
}

#below  {
height: 73px;
width: 900px;
background: url(http://img.webme.com/pic/b/badnet/footer.png) no-repeat;
float: left;
text-align: center;
padding-top: 25px;
color: #1f88e3;
}


#counter {
display: none;
}


Nur "so ganz nebenbei" würde mich natürlich auch noch interessieren wie ihr das Design bisher findet.

MfG
Sascha
______________
Rechtschreibfehler sind gewollt und erhöhen die Qualität des Beitrags.
Beitrag18.05.2010 um 18:48 (UTC)    
Titel:

Zu 2. Bei mir ist der Counter schön mittig.
Habe Firefox. Verstehe nun nicht welches Problem du hast?

Aber allgemein finde ich dein Design echt toll. Kannst du gut.
Beitrag18.05.2010 um 20:37 (UTC)    
Titel:

pflanzenfreak hat Folgendes geschrieben:
Zu 2. Bei mir ist der Counter schön mittig.
Habe Firefox. Verstehe nun nicht welches Problem du hast?

Aber allgemein finde ich dein Design echt toll. Kannst du gut.


Ich tippe sehr stark darauf, dass du dir die Seite BadWeb.de.tl angeschaut hast, da ich dort einen Counter anzeigen lassen, aber:
badweb hat Folgendes geschrieben:
Es geht um das Design meiner (Preview)Seite http://www.badnet.de.tl

Dort gibt zwar eine Unterseite "Counter", aber keinen Counter der mittig ist/sein sollte:
______________
Rechtschreibfehler sind gewollt und erhöhen die Qualität des Beitrags.
Beitrag19.05.2010 um 12:48 (UTC)    
Titel:

Hallo BadWeb,

das Design finde ich sehr schön. Das problem mit der Designbreite ist leicht zu beheben:

Du hast hier den Fehler:
Code:

#rBox {
width: 195px;
float: left;
padding-top: 58px;
padding-left: 15px;
}


Die rechte Box ist zu schmal. Stell sie mal auf 210px ein und es passt.

Ausserdem empfehle ich dir (nur für Firefox) das Addon Firebug zu installieren. Damit kann man Fehler finden und schonmal probieren wie man sie beheben kann.

Gruß Deezigns
Beitrag19.05.2010 um 17:49 (UTC)    
Titel:

Firebug hab ich, nur wusste ich nichtmal so ganz wo ich zu suchen hatte. Laughing

Danke, für die Hilfe!
Very Happy

Das Problem mit dem Counter besteht leider immernoch.
______________
Rechtschreibfehler sind gewollt und erhöhen die Qualität des Beitrags.


Zuletzt bearbeitet von badweb am 19.05.2010, 21:37, insgesamt einmal bearbeitet
Beitrag21.05.2010 um 21:39 (UTC)    
Titel:

Nochmal zum Problem mit dem Counter:

Wenn ich den Counter auf jeder Seite per Text anzeigen lasse, positioniert sich der Text (Heute waren XYZ Besucher hier) zwischen meiner Contentbox und der PostContentbox.

Hat da jemand eine Idee wie ich den Counter weite nach unten bekomme?
______________
Rechtschreibfehler sind gewollt und erhöhen die Qualität des Beitrags.
Beiträge der letzten Zeit anzeigen:   


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