Zum Inhalt springen
View in the app

A better way to browse. Learn more.

Fachinformatiker.de

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Design wird zerhauen

Empfohlene Antworten

Hallo,

ich habe ein Problem. Und zwar wenn die Seite zu klein wird, dann wird das design der Seite zerhauen

Beispiel hier:

Web

Wenn ihr das so verkleinert das die Dropdownlist nicht mehr ganz in den sichtbaren Bereich passt, dann springt das ganze Design nen Stück nach unten.

Woran liegt das? Ist anscheinend nur beim IE vorhanden das Problem

Beispielseite ist im anhang!

test.rar

Hm... Hast du dir die Seite mal in Opera angesehen?

Dort bleibt das Design ganz fest am rechten Rand und bewegt sich mit dem Browser-Fenster nicht mit :D Das hat zur folge, das dein Design irgendwann gar nicht mehr zu sehen ist, wenn ich das Fenster verkleinere ;)

Gruß,

bytebrain

Ja, das ist erstmal nebensache mit Opera. Mein hauptaugenmerk liegt auf IE

Keiner ne Idee?

Das Ziel ist es das der Bereich links der weiß ist in der Breite fest ist und der Rechte Bereich(gelb) in der breite dynamisch ist bis zu einen bestimmten bereich (es soll also eine mindestbreite für den gelben bereich geben)...

Bearbeitet von zerberos

Ja, das ist erstmal nebensache mit Opera. Mein hauptaugenmerk liegt auf IE

Keiner ne Idee?

Das Ziel ist es das der Bereich links der weiß ist in der Breite fest ist und der Rechte Bereich(gelb) in der breite dynamisch ist bis zu einen bestimmten bereich (es soll also eine mindestbreite für den gelben bereich geben)...

Naja, das muss imho am CSS liegen. Kannst du das mal bitte posten?

Gruß,

bytebrain

Mein html code:


<html>

<head>

<title>Web</title>

<link rel="stylesheet" type="text/css" href="design.css">

</head>

<body>


<div id="menue" nowrap="nowrap"></div>


<div id="inhalt" nowrap="nowrap">

<div nowrap="nowrap" id="logo"></div>                    

<div id="content" nowrap="nowrap">

<select width="200"><option>nfkldnbfndlbnkfdnbknfdkönbkfdnakbmfkdnbkfd</option></select>

</div>


</div>


</body>

</html>

Der CSS-Code dazu:

body 

{

    height:100%;    

    margin: 0px;

    padding: 0px;

    font-size:10pt; 

    font-family:Arial;     

}


html

{

    height:100%;      

    margin: 0px;

    padding: 0px;   

    font-size:10pt; 

    font-family:Arial;  

}



form

{

    height:100%;     

    margin: 0px;

    padding: 0px;

    font-size:10pt; 

    font-family:Arial; 

}

#menue

{

    width: 160px;

    float:left;

}

#inhalt

{

    height:100%;

    margin-left:165px;    

}

#logo

{

    height: 71px;

    background-image: url(images/schmalleiste.jpg);

}


#content

{

    margin-top:5px;

    height:auto;

}

Archiv

Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.

Konto

Navigation

Suchen

Suchen

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.