Hackerboard Wiki HaboBlog
Hackerboard bei Facebook Hackerboard bei Google+ Hackerboard bei Twitter

[HaBo]

 
(Web-) Design und webbasierte Sprachen Tipps & Tricks, Designabgleich, HTML & Javascript, Flash, ASP, PHP, Perl/CGI...

beim Minimieren verrutscht alles

Diskussion: beim Minimieren verrutscht alles im Forum (Web-) Design und webbasierte Sprachen, in der Kategorie Web, Network & Multimedia Palace; Anzeige Hi leute, also komm ich gleich zur sache. Die seite die in der Signatur zu sehen ist, bin ich ...

Antwort
Alt 05.02.07, 00:09   #1 (permalink)
 
Registriert seit: 10.08.06
Executor Leistung: Facit NTK
Likes: 0
Standard beim Minimieren verrutscht alles

Anzeige

Hi leute, also komm ich gleich zur sache.
Die seite die in der Signatur zu sehen ist, bin ich gerade am stylen, das problem ist, wenn man das fenster verkleinert, verutscht alles, ich hab aber keine ahnung wieso..... hoffe ihr könnt mir helfen

Executor

ps: net über die seite wundern, da sind noch einige baustellen ;-)

Executor

Executor ist offline   Mit Zitat antworten
Alt 05.02.07, 00:24   #2 (permalink)
Moderator
 
Benutzerbild von lightsaver
 
Registriert seit: 19.06.06
lightsaver Leistung: Pentium Ilightsaver Leistung: Pentium Ilightsaver Leistung: Pentium I
Likes: 52
Standard

hmmm, bei welcher größe denn? also ich hab hier grad ne 1024x768 auflösung und da siehts normal aus. bei 800x600 siehts auch noch genauso aus. erst wenn ich das extrem klein mache dann verschiebt sich der text unters menü.

oder willst du, dass die seite immer gleich ist und wenn der browser ne kleinere auflösung hat, dass dann scrollbalken kommen?

also was meinst du genau?
lightsaver ist offline   Mit Zitat antworten
   
HaBOT
 
- Anzeige -

Werbung ist gerade online    
Alt 05.02.07, 01:06   #3 (permalink)
 
Benutzerbild von Dreamer
 
Registriert seit: 27.05.02
Dreamer Leistung: Facit NTK
Likes: 0
Standard

Schmeiß mal einpaar codeschnipsel ein. Werd dir diesen dann mal verändern. Dann könnt es funkzen mit der Auflösung und Minimierung.
__________________
Seien wir realistisch, versuchen wir das Unmögliche.
Dreamer ist offline   Mit Zitat antworten
Alt 05.02.07, 18:17   #4 (permalink)
Themenstarter
 
Registriert seit: 10.08.06
Executor Leistung: Facit NTK
Likes: 0
Standard

Also ich meinte wenn man das browserfenster kleiner macht (z.b. mit auflösung 1024x768 - dann auf Verkleinern)
HTML - Code is ja da (auf die seite und dann rechtsklick source code anzeigen) und css liegt hier:
Code:
/**
 * template_name Yeminy-STD-Template
 * copyright (C) 2007 by Ole Hoppe and Ulf Gebahrdt
 * This template is inspired by and based on the template on www.jomomla.org (2007)
 */

/*
Farben:
Links: 1b57b1
Text: 000000
Außen: cf4c36
MenüBG: f7f7f7
Button: e5e5e5
*/

/*
Außenrum
*/
body {
   margin: 0px 0px 0px 0px;
	background: #FFF;
	color: #000000;
   font: 10pt 'trebuchet ms', verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

/*
MainBox
*/
#main {
   /*   margin-left: 30px;
      margin-top: 10px;
      margin-right: 30px;
      margin-bottom: 10px; */
      background:  url(../images/yem_mitte_rechts.png)right repeat-y white;
      height: 100%;
}
/*-----------------style_aussen--------------*/
#leftbox {
  display: inline;
  float: left;
  width: 150px;
  margin-left: 15px;
  margin-top: 5px;
}
#midbox {
  padding-left: 10px;
  float: left;
  width: 68%;
  align: center;
  margin-left: 8px;
}
#rightbox {
  float: right;
  width: 150px;
  margin-top: 5px;
}
#clear {
  clear: both;
}

/*
----------------------------Header-Bereich--------------------------------
*/
#maintop {
	height: 200px;
         width: 100%;
         background: url(../images/yem_header_links.png) top left no-repeat;
}
#maintop_a {
	height: 200px;
         width: 100%;
         background: url(../images/yem_header_mitte.png) repeat-x;
}
#maintop_b {
	height: 200px;
         width: 100%;
         background: url(../images/yem_header_rechts.png) top right no-repeat;
}
#maintop_c {
	height: 200px;
         width: 100%;
         background: url(../images/yem_mitte_links.png) repeat-y;
}
#maintop_ca {
	height: 200px;
         width: 100%;
         background: url(../images/yem_mitte_rechts.png)right repeat-y;
}
/*
--------------------------------------Text-Bereich ----------------------------------
*/
#mainmiddle {
            height:100%;
            width: 100%;
            background: url(../images/yem_mitte_links.png) repeat-y;
}
#mainmiddle_a {
            height:100%;
            width: 100%;
            background: url(../images/yem_mitte_rechts.png)right repeat-y;
}
/*
---------------------------------------Footer-Bereich---------------------------------------
*/
#mainbottom {
	   height:50px;
            width: 100%;
            color: #000;
            background: url(../images/yem_footer_mitte.png)repeat-x;
}
#mainbottom_a {
	   height:50px;
            width: 100%;
            color: #000;
            background: url(../images/yem_footer_rechts.png)right no-repeat;
}
#mainbottom_b {
	   height:50px;
            width: 100%;
            color: #000;
            background: url(../images/yem_footer_links.png)left no-repeat;
}

td {
   padding: 0;
}
table.moduletable {
	/* styling the module table */
	margin: 0px 0px 0px 0px;
	width: 95%;
	}

/*Mainmenu usw -> Überschrift */
table.moduletable th {
         /* styling the module header, and the module titles */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	/*text-align: center;*/
	/*text-transform: uppercase;*/
	letter-spacing: 1px;
	color: #000000;
	background: #f7f7f7;
	border-bottom: 1px solid #000000;
	padding: 1px;
	}

table.moduletable td {
		    /* well.. for formatting the table cells of the module table */
		    font-family: Arial, Verdana, Helvetica, sans-serif;
		    font-size: 12px;
}
.button {
	/* this style applies to most form buttons generated by
	   Mambo and its components. Change its format here*/
	color: #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin-top: 4px;
	font-weight: normal;
	text-align: center;
	font-size: 12px;
	background: #e5e5e5;
	border: 1px solid #a0a0a0;
	height: 20px;
}
ul#mainlevel {
	    margin: 0px;
	    padding: 0px;
	    list-style: none;
	    padding-top: 3px;
	    margin-left: -8px;
}

ul#mainlevel li {
	       margin: 0px;
	       padding: 0px;
	       font-weight: normal;
	       color: #333333;
	       line-height: 25px;
                margin-bottom: 3px;
                list-style: none;
}

a:link, a:visited {
		 font-size: 12px;
	  	 color: #1b57b1;
                  text-decoration: none;
		 font-family:  Arial, Verdana, Helvetica, sans-serif;
}
 /* Modules */
#rightcol div.module {
  float: right;
  margin-right: 20px;
}
#leftcol div.module {
  margin-left: 7px;
}
#leftcol div.module, #rightcol div.module {
width: 152px;
background: transparent url(../images/yem_menu_mitte.png) left repeat-y;
margin-bottom: 10px;
margin-top: 10px;
}

#leftcol div.module div, #rightcol div.module div {
width: 152px;
background: transparent url(../images/yem_menu_oben.png) top left no-repeat;
}

#leftcol div.module div div, #rightcol div.module div div {
width: 152px;
background: transparent url(../images/yem_menu_unten.png)  bottom left no-repeat;
}

#leftcol div.module div div div,#rightcol div.module div div div{
width: 137px;
padding-left: 5px;
padding-right: 10px;
/*padding-top: 1px;*/
background: transparent;
padding-bottom: 10px;
font-size: 10px;
}

#leftcol div.module div div div div, #rightcol div.module div div div div{
padding: 0px;
margin: 0px;
}
Executor ist offline   Mit Zitat antworten
Alt 05.02.07, 19:17   #5 (permalink)
Moderator
 
Benutzerbild von lightsaver
 
Registriert seit: 19.06.06
lightsaver Leistung: Pentium Ilightsaver Leistung: Pentium Ilightsaver Leistung: Pentium I
Likes: 52
Standard

hmmm, wie gesagt, bei mir wird das korrekt angezeigt bis zu fenstergrößen, die sich eh niemand antun würde
lightsaver ist offline   Mit Zitat antworten
Alt 05.02.07, 20:35   #6 (permalink)
 
Benutzerbild von Dreamer
 
Registriert seit: 27.05.02
Dreamer Leistung: Facit NTK
Likes: 0
Standard

Also ich hab mal den Code durchgeforstet und ich kann kein fehler entdecken.

Zitat:
@lightsaver:
hmmm, wie gesagt, bei mir wird das korrekt angezeigt bis zu fenstergrößen, die sich eh niemand antun würde
Ist bei mir genausot. Auf was für ne größe willst du es denn haben?
__________________
Seien wir realistisch, versuchen wir das Unmögliche.
Dreamer ist offline   Mit Zitat antworten
Alt 05.02.07, 21:26   #7 (permalink)
 
Registriert seit: 20.01.03
Zwirni Leistung: Z3
Likes: 0
Standard

Beim Entwurf eines Designs muss man sich von vornherein auf eine bestimmte Mindestauflösung festlegen oder sich für ein Design entscheiden welches entsprechend variabel ist. Deines ist nicht derartig variabel, da du 3 Spalten per float nebeneinander positionierst. Einzige Lösung um das Verschieben zu verhindern wäre um die 3 floatenden <div>s herum ein <div> mit einer festen Breite zu setzen. Fehlerhaft ist bei dir ansonsten nichts, nur nicht ganz durchdacht
Zwirni ist offline   Mit Zitat antworten
Alt 05.02.07, 23:44   #8 (permalink)
Themenstarter
 
Registriert seit: 10.08.06
Executor Leistung: Facit NTK
Likes: 0
Standard

ok danke sehr!^^

Also das kein Fehler im Code ist, is ja schonmal gut ;-)

Ich werd mal auf Zwirnis Vorschlag eingehen xD danke sehr!

Executor
Executor ist offline   Mit Zitat antworten
Antwort
   
- Anzeige -

Werbung ist gerade online    

[HaBo] » Web, Network & Multimedia Palace » (Web-) Design und webbasierte Sprachen » beim Minimieren verrutscht alles
Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks sind aus
Pingbacks sind aus
Refbacks sind aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Beim Minimieren ein Notify-Icon? Indiana Code Kitchen 2 16.09.06 18:48
VB: Ungültiger Eigenschaftswert beim minimieren $oul Code Kitchen 6 08.10.05 23:21
Outlook in Systemtray minimieren zillertaler Windows 0 20.10.03 06:47
beim Booten minimieren.... Watchme Windows 5 06.08.02 11:41
(TP) page flipping: bild verrutscht :( IC3pickel Code Kitchen 3 18.02.02 14:46


1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61