search seite zerschiesst design

Moderator: Sisko1990

Forum rules
Forumregeln
Locked
tnobs
Joomla! Apprentice
Joomla! Apprentice
Posts: 5
Joined: Wed Nov 22, 2006 11:01 am

search seite zerschiesst design

Post by tnobs » Wed Nov 22, 2006 11:12 am

Hi, ich bin gerade dabei ein template selber zu basteln, habe ein drei spalten layout aus dem bulletproof webdesign buch übernommen. Nun steht die seite ohne grafiken und formatierungen, alles funktioniert, nur wenn man etwas als suche eingibt, sprengen die resultate den content bereich.
Und das schaut so aus:

Image

--------------------------------------------------------------------------------------------------

ich habe bereits ein zusätzliches div hineingegeben, welches den contentbereich nochmals umfasst, ohne ergebnis.
auch eine breitenangabe der .contentpaneopen und diverser anderen klassen hat nichts gebracht... poste auch schon im zweiten forum, da mir noch niemand weiterhelfen konnte, und ich morgen ein meeting mit dem grafiker habe... HELP

hier der html code:

Code: Select all

<body> 
<div id="wrap">

	<div id="top">
		<div id="padding-5">
			<?php echo $mosConfig_sitename; ?>
			</br>
			<?php mosLoadModules ( 'user4'); ?>
			
		</div>	
	</div>

	<div id="header">
		<?php mosLoadModules ( 'header' ); ?>
	</div>
	
	<div id="main-body">
	
		<div id="content">
			<div id="padding-10">
			<div id="content_wrap"><?php mosMainBody(); ?></div>
			</div>
		</div>
		
		<div id="sidebar">
			<div id="padding-5">
			<?php mosLoadModules ( 'left' ); ?>
			</div>
		</div>
		
	</div> <!-- end #main-body -->
	
	<div id="sidebar-2">
		<div id="padding-5">
		<?php mosLoadModules ( 'right' ); ?>
		</div>
	</div>
	
	<div id="footer">
		<div id="padding-10">
	©2006 curatorial education network - design <a href="http://www.designstudio-s.com" target="_blank">designstudio-s</a> - made by <a href="http://www.buntstift.at" target="_blank">buntstift</a> 
		</div>
	</div>
	
</div> <!-- end #wrap -->

<div id="banner">
	<?php mosLoadModules( 'banner', -1 ); ?>
</div>

</body> 
und hier die CSS dazu:

Code: Select all

body {
	padding: 0;
	margin: 0 auto;
	text-align: center;
	/* background-color:#ccc; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}

/* ------------------------------------ layout ------------------------------------- */
#wrap {
	padding: 0px;
	margin: 0px auto;
	width: 955px;
	text-align: left;
	border: 0px solid green;
	background-color:#FFFFFF;
}

	#header {
		/* background: #369; */
		border: 1px solid #CCC;
	}
	
	#main-body {
		float: left;
		width: 785px;
	}
	
		#content {
			float: right;
			width: 615px;
		}
		
		
		#sidebar {
			float: left;
			width: 168px;
			border: 1px solid #CCC;
			/* background: #9c3; */
		}
		
	#sidebar-2 {
		float: right;
		width: 168px;
		border: 1px solid #CCC;
		/* background: #fc6; */
	}
	
	#footer {
		clear:both;
		text-align: center;
		font-size: 10px;
		color:#999999;
	}
	
#padding-5 {padding: 5px;}
#padding-10 {padding: 10px;}
#padding-15 {padding: 15px;}
/* ------------------------------------ layout end --------------------------------- */
h1 {font-size: 130%;}
h2 {font-size: 120%;}
h3 {font-size: 110%;}



/* ------------------------------------ Joomla css --------------------------------- */
#active_menu {}
#blockrandom {}
#contact_email_copy {}
#contact_text {}
#emailForm {}
#mod_login_password {}
#mod_login_remember {}
#mod_login_username {}
#poll {}
#search_ordering {}
#search_searchword {color:#666666;}
#searchphraseall {}
#searchphraseany {}
#searchphraseexact {}
#voteid1,#voteid2  {}
.adminform {}
.article_seperator {}
.back_button {}
.blog {}
.blog_more {}
.blogsection {}
.button {}
.buttonheading {}
.category {}
.clr {}
.componentheading {}
.contact_email {}
.content_rating {}
.content_vote {}
.contentdescription {}
.contentheading {}
.contentpagetitle {}
.contentpane {}
.contentpaneopen {}
.contenttoc {}
.createdate {}
.fase4rdf {}
.footer {}
.frontpageheader {}
.inputbox {}
.latestnews {}
.mainlevel {}
.message {}
.modifydate {}
.module {}
.moduletable {}
.mostread {}
.newsfeed {}
.newsfeeddate {}
.newsfeedheading {}
.pagenav {}
.pagenav_next {}
.pagenav_prev {}
.pagenavbar {}
.pagenavcounter {}
.pathway {}
.polls {}
.pollsborder {}
.pollstableborder {}
.readon {}
.search {}
.searchintro {}
.sectionentry1 {}
.sectionentry2 {}
.sectionheader {}
.sitetitle {}
.small {}
.smalldark {}
.sublevel {}
.syndicate {}
.syndicate_text {}
.text_area {}
.toclink {}
.weblinks {}
.wrapper {}
/* ------------------------------------ Joomla css end ----------------------------- */
danke, tnobs

 
tnobs
Joomla! Apprentice
Joomla! Apprentice
Posts: 5
Joined: Wed Nov 22, 2006 11:01 am

Re: search seite zerschiesst design

Post by tnobs » Wed Nov 22, 2006 12:54 pm

ich habe jetzt mal auf ein anderes template umgeschalten, und siehe da, der selbe effekt. in der suche taucht ein verweis auf einen link auf:
http://www.joomla.org/index.php?opti... ... 0&Itemid=3

dieser link ist so lang, dass er jedes andere template auch zerschießt, das soll heißen dieser effekt müßte eigentlich vielen bekannt sein oder ??

Die Einstellung search engine friendly url's machen auch keinen unterschied, dachte dass dann vielleicht der seitenumbruch gemacht wird, aber nein..

wie löst ihr das problem ?

danke tnobs

User avatar
hello
Joomla! Explorer
Joomla! Explorer
Posts: 424
Joined: Sat Aug 20, 2005 7:57 am

Re: search seite zerschiesst design

Post by hello » Wed Nov 22, 2006 5:29 pm

Ich würd mir halt mal ein Joomla Buch kaufen. Oder besser nimm ein von 1000 Templates von joomlaos.de und änder es nach deinen Wünschen ab. So kommst du jedenfalls nicht weiter, dazu ist die Templateerstellung zu komplex !

tnobs
Joomla! Apprentice
Joomla! Apprentice
Posts: 5
Joined: Wed Nov 22, 2006 11:01 am

danke für den tipp

Post by tnobs » Wed Nov 22, 2006 6:34 pm

danke für den tipp

grundsätzlich bin ich immer sehr froh, wenn ich antworten bekomme.

es gibt auch online zwei joomla bücher die ich verwende:
http://www.galileocomputing.de/openbook/joomla/
http://de.wikibooks.org/wiki/Joomla

weiters bin ich in css, html und php nicht unbewandert

und wie du aus meinem eigenen post vor deinem sehen kannst, passiert das auch bei professionellen templates.

weiters muss ich leider ein fixes screendesign von einem grafiker umsetzen...

salut tnobs  ;)

User avatar
hello
Joomla! Explorer
Joomla! Explorer
Posts: 424
Joined: Sat Aug 20, 2005 7:57 am

Re: search seite zerschiesst design

Post by hello » Thu Nov 23, 2006 5:33 am

und wie du aus meinem eigenen post vor deinem sehen kannst, passiert das auch bei professionellen templates.

weiters muss ich leider ein fixes screendesign von einem grafiker umsetzen...
Ein Tipp nach Adam Riese: 2 x 168 sind 336 und 785 sind ???? aber nicht 955 oder ???

CMS Basis

Grafiker- und Werbeagenturforderungen
Möglicht auch noch Flash
70 % Grafik
20 % Inhalt
10% Rest


Forderungen der Anwender nach neusten Erkenntnissen
Flash ist nicht zu empfehlen.
70 % Inhalt
20 % CI und Design
10% Rest

Quellen: Diverse Untersuchungen und Consultingerfahrungen aus ca. 100 untersuchten Webseiten.
Grundsätzlich ist zu beachten
Headerbereich: LOGO und Weiteres
Topnavigation und Bottomnavigation
Links: Hautnavigation und Terminkalender u.s.w
Content und Mitte: Inhalt klar strukturiert
Rechts: Navigation und Werbung ( sofern vorhanden )
Footer: Hinweise und Impressum
eventuell Wiederholung der Topnavigation

Sollte dein Grafiker was anderes fordern vergiss es ganz schnell

Grundsätzlich ist est einmal die Frage zu klären was dein Kunde fordert.
Präsentationsseite ( Grafiklastik )
Kommunikationsseite ( Contentlastik )
Organisationsseite ( Internet und Intranet )

Hier mal ein Profitemplater
http://www.rockettheme.com/index.php?af ... g_id=213:1
es gibt ca. 20 kommerzielle die können !!!


Hier die Übersicht der Bücher
http://astore.amazon.de/mambo-21


Hier die Anleitung der Basis-CSS für Joomla
http://www.joomlaos.de/CSS_Guide.html

Hier die Alternative ohne festes Template sondern nur die Basis und die Config über Module Header, Content, Footer mit variabler Einstellung aller Grössen, Farben u.s.w.
http://www.churchministriesonline.com/

Einarbeitungszeit ca. 2 Tage ?

Hier meine Anwendung als Screendesign-Testing für ein kleines Kino in Karlstadt
http://www.kino-karlstadt.de/
Hinweis: Die Seite soll/wird von der Tochter des Besitzers nach einer 4 x 4 Stundenschulung alleine aktualisiert.
Last edited by hello on Thu Nov 23, 2006 6:28 am, edited 1 time in total.

tnobs
Joomla! Apprentice
Joomla! Apprentice
Posts: 5
Joined: Wed Nov 22, 2006 11:01 am

Re: search seite zerschiesst design

Post by tnobs » Thu Nov 23, 2006 9:26 am

....DANKE...

 

Locked

Return to “Template, CSS und Designfragen 1.0.x”