Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag15.01.2011 um 20:39 (UTC)    
Titel: [Iceblue] Content Größe

Abend, hab da auch mal 2 Fragen.

Da ich gerade an meiner Seite ein bisschen arbeite (auf meiner Testseite: http://archangelrc-test.de.tl/), und es nach einigem versuchen nicht klappt, wollte ich einfach mal fragen, was denn nicht stimmt.

Problem 1.
Mehr oder minder gelöst.

Problem 2.

Ich habe alle Teile meines Design auf 1025px gesetzt, die linke navi gelöscht, rechts alles raus, sowie die widths angepasst.

Trotz allem will mein content nicht die Maßen 1025 annehmen, was mich ziemlich nervt, da es der Hauptbestandteil meines Designs ist, und UNBEDINGT 1025px höhe haben muss.

Ich habe es mit diesem code versucht, aber er bleibt im standartmaß.

Code:
/* Das Textfeld */
td.edit_content {
width: 1025px;
max-width: 1025px;
background: url(http://img.webme.com/pic/a/archangelrc-test/background.gif);} 




Brauche dringend hilfe.

Gruß
Archangel
(Soft-Air-Rangers)


Zuletzt bearbeitet von archangelrc-test am 16.01.2011, 18:57, insgesamt 3-mal bearbeitet
Beitrag16.01.2011 um 17:59 (UTC)    
Titel:

Push.
Beitrag17.01.2011 um 08:54 (UTC)    
Titel:

http://yswyg.de.tl/ so soll es bestimmt aussehen, oder?

ich gebe dir mal den code und dann versuch mal, ob du damit besser klar kommst.


Code:
<style type="text/css">
<!--
/* Breite kann man selbst bestimmen, hier z.b. sind 85 %*/
table.edit_main_table{width: 85% !important;}
table.edit_main_table, table[height="102"]{margin: 0 auto;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;}
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 5% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 5% !important;position: absolute;left: -300px;}
td.edit_rechts_cbg{width:100%;}

td.sidebar_heading{visibility: hidden;}
td.nav_heading{display: none;}
td.headline{visibility:hidden;}
td.headline2{visibility:hidden;}

td.edit_main_tr{height: 0px !important;}
td.edit_rechts_cbg{height: 0px !important;}
td.edit_rechts_bottom{height: 0px !Important;}
td.edit_navi_headbg{height: 0px !important;} 

td.edit_content{background-image:url();background-color:#969696;border: 1px solid #759BB2;}
 
td.nav:hover{display: none;}

td.nav{display: none;}

td.shouty, td.shouty2, td.shouty3, td.shouty4, td.shouty5{
background-image:url(http://img.webme.com/pic/d/designcodes/shouty2.png);
background-repeat:repeat;background-color:#XXXXXX;font-family: tahoma;font-size: 12px;
color:#ffffff;border: 1px solid #c0c0c0;}

td.edit_below_nav img{display: none;}
td.edit_below_nav{background-image: url();
background-position: center top;background-repeat: no-repeat;}

td.edit_rechts_cbg{background-image:url();background-color:#XXXXXX;border: 0px solid #ffffff;}

body{background-image:url(http://img.webme.com/pic/6/6p-bilder/orgicebluebody.png);background-color:#XXX

XXX;}
body {background-attachment:fixed;border: 0px solid #c0c0c0;}

td.edit_rechts_sbg{background-image:url();background-color:#XXXXXX;border: 0px solid #ffffff;}

td.edit_rechts_bottom{background-image:url();background-color:#XXXXXX;border: 0px solid #ffffff;}

td.edit_content_top,td.edit_content_top:hover{background-image:url(http://img.webme.com/pic/6/6p-bilder/

orgicebluecontop.png);height: 30px;background-color:#XXXXXX;border: 0px solid #000000;}

td.edit_navi_headbg{display: none;}
 
td.edit_rb_footer{background-image:url();height: 30px;background-color:#XXXXXX;border: 0px solid

#c0c0c0;}

td.edit_content_bottom2{background-image:url(http://img.webme.com/pic/6/6p-bilder/orgicebluecontop.png);

background-color:#XXXXXX;height: 30px;border: 0px solid #XXXXXX;}

td.edit_content_bottom{display: none;} 
 
td.nav a{font-family: arial;font-size: 12px;color: #000000;text-decoration: none;}
 
td.edit_content_main div{overflow: hidden!important;}

td.edit_header_full{background-image:url(http://img.webme.com/pic/6/6pdesign001/testseitenheader.png);ba

ckground-color:#333333;width:
900; height: 120px;background-position: center top;background-repeat: no-repeat;border: 1px solid

#969696;}
-->
</style>


wenn du den seitentitel einblenden möchtest, dann ersetze
Code:
td.headline2{visibility:hidden;}
mit

Code:
td.headline2{font-family: arial;font-size: 12px;color: #000000;text-decoration: none;}



aber das fiel mir schon mal auf:

Zitat:
/* Balken über Textfeld */
td.edit_content_top {
background-image:url(http://img.webme.com/pic/a/archangelrc-test/menu2.png);
height:36px;}


das brauchst du nicht, das bild passt sich normalerweise automatisch an.
td.edit_content_top {
width: 1025px; }


das ist 2x im code enthalten
td.edit_content_left_spacer { display:none;}
td.edit_content_right_spacer { display:none;}


ist natürlich alles ohne garantie. solche codes, die schlecht angeordnet sind, kann man nur schwer nachvollziehen.

frage: warum beharrst du denn unbedingt auf 1025? ich versteh den sinn nicht.

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell



Zuletzt bearbeitet von 6p-iceblue am 17.01.2011, 11:29, insgesamt 4-mal bearbeitet
Beitrag17.01.2011 um 18:09 (UTC)    
Titel:

Danke erstmal fürs antworten. Smile

Ich brauch die 1025px deshalb, weil ich meinen background auf Basis der 1025 pixel erstellt habe, und meinen kompletten Content von meiner jetzigen seite (sar) schonmal auf 1025 px umgemodelt habe.

Wär natürlich auch damit zufrieden, wenn der Content 900px hätte, aber das würde mir die Arbeit verdoppeln, da alles neu machen.

Das Problem aber mit dem von dir geposteten Design, ist, dass ich zwar alles gut eingestellt habe, so wie ich es brache, es aber nach prozentanteilen von der jeweiligen Bildschirmgröße läuft, und nicht nach pixelanzahl, und dann in der mitte.

Vielleicht übersehe ich es auch, falls ja, wie mache ich es?

Danke schonmal im vorraus.
______________
Bored to infinity and beyond...
Beitrag17.01.2011 um 18:20 (UTC)    
Titel:

du scheinst den backgrund falsch gecodet zu haben. der code muss so in der art aussehen:

Code:

body {background-image:url(http://img.webme.com/pic/p/pronailart/promailbody.png);background-color:#999999;}

body {background-attachment:fixed;background-repeat: repeat;background-position: center top;border: 0px double #5E100C;}


nicht wundern wegen der url. es ist mein bild ^^

dann bleibt der hintergrund mit dem design gleich. das sieht man gut, wenn man mal die strg taste gedrückt hält und das scrollrad drehst.

http://6p-iceblue.de.tl/ mach das mal bei mir und dann mit deiner seite (mit der du die frage gestellt hast.

mit strg und 0 (null) kehrst du zur ausgangsstellung zurück.

bei deinem hintergrund ist ausserdem der fehler, dass du schon ein feld vorgefertigt hast und das nicht mal mittig ist.

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell



Zuletzt bearbeitet von 6p-iceblue am 17.01.2011, 19:24, insgesamt einmal bearbeitet
Beitrag17.01.2011 um 18:23 (UTC)    
Titel:

Ah, habe gerade etwas sehr simples entdeckt.

habe min-width auf 1024px gesetz, und max-width auf 1025.
Fertig ist es.

Trotzdem danke, 6p.
Auf dich kann man sich immer verlassen.
Beitrag17.01.2011 um 18:26 (UTC)    
Titel:

so simpel wirds leider nicht:



so sieht es mit 1280 auf einem widescreen aus. Crying or Very sad

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell

Beitrag17.01.2011 um 18:41 (UTC)    
Titel:

Hmm.. also ist der Bg nun zentriert, der Content hat seine richtige Größe, doch das Design bleibt nicht in der Mitte.

Sorry wenn ich nochmal nerve, aber wie kriege ich mein komplettes Design so in die Mitte, das es in die Box vom Hintergrund passt?
Denn die ist genau in der Mitte, wenn ich meinem photoshop trauen kann.
Beitrag17.01.2011 um 18:47 (UTC)    
Titel:

das kann ich dir wohl erst sagen, wenn die seite wieder erreichbar ist http://yswyg.de.tl/

dann kann ich mal ein solchen hintergrund einfügen und testen ob es bei meinem geposteten code auch so ist.

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell

Beitrag17.01.2011 um 19:12 (UTC)    
Titel:

Endlich.

Habe deinen code aus dem Design genommen, und mit meinem getauscht:

Code:
table.edit_main_table, table[height="100"]{margin: 0 auto;}


endlich passt es, und es verschiebt sich nichts mehr.
Den Background schiebe ich dann lieber per Photoshop nach unten, als nochmal im code rumzuwuseln.

Was mein coolmenu anbelangt, das kriege ich noch irgendwie zentriert hin.

Danke 6p!
*verneig*
Beitrag17.01.2011 um 19:15 (UTC)    
Titel:

coolmenüs sind nicht mein ding. sorry. aber schön, dass sich dein anderes problem gelöst hat.

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell

Beiträge der letzten Zeit anzeigen:   


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