mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 09.07.2020 01:32 Benutzername: Passwort: Auto-Login

Thema: Problem mit <form> und höhe in ie --------solved vom 13.10.2008


Neues Thema eröffnen   Dieses Thema ist gesperrt, du kannst keine Beiträge editieren oder beantworten. MGi Foren-Übersicht -> Allgemeines - Nonprint -> Problem mit <form> und höhe in ie --------solved
Autor Nachricht
Benutzer 4545
Account gelöscht Threadersteller


Ort: -

Verfasst Mo 13.10.2008 20:11
Titel

Problem mit <form> und höhe in ie --------solved

Antworten mit Zitat Zum Seitenanfang

hallo ihr lieben,

ich lege gerade ein layout an. das problem ist, das in firefox alles gut aussieht und in ie der kasten, in dem die suche drin, ist höher ist als er soll. die höhe soll 26 px sein. aber ie reagiert auf gar keine höheneinstellungen.
habe den verdacht das es daran liegt, was `drin`ist.
hier der code, ich hoffe ihr habt eine idee.... Lächel

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="de">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

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

</head>

<body>
<div id="box">

<div id="head"><img src="bilder/head-logo.jpg" alt="xxx"></div>

<div id="suche"><!--code von der suchmaschienengenerierung f&uuml;r den button-->
<form name="SearchForm"  action="sessearch.php">
   <input name="enc" type="hidden" value="iso-8859-1">
   <span style="position:relative; top:-5px; left:10px;"><input type="text" name="q" size="22"></span>
   <span style="position:relative; top:1px; left:15px;">
   <input type="image" src="xxx" ></span>
</form>
<!--code endet hier--> </div>

<div id="nav1">
       <ul>
          <li><img src="bilder/button-start.jpg" alt="Startseite"></li>
          <li><img src="bilder/button-onlinekatalog.jpg" alt="Online-Katalog"></li>
          <li><img src="bilder/button-katalogpdf.jpg" alt="Katalog"></li>
          <li><img src="bilder/button-katalogbestellung.jpg" alt="<Katalogbestellung"></li>
          <li><img src="bilder/button-druckdaten.jpg" alt="Druckdaten anliefern"></li>
          <li><img src="bilder/button-agb.jpg" alt="AGB/Impressum"></li>
        </ul>
</div>

<div id="links">links</div>

<div id="main">main</div>

<div id="rechts">rechts</div>

<div id="unten">unten</div>
</div>
</body>
</html>


css
Code:

html
{
   padding:0px;
   margin:0px;
}


body
{
   background-color: #ffffff;
   margin:0px;
   padding:0px;
   font-size: 12px;
   font-family: Arial, Verdana, SunSans-Regular, Sans-Serif;
   color:#006699; 

}

/*umschliesst das gesamte layout*/
#box
{
   width:955px;
   margin:0% auto;
   padding:0px;
      
}


/*die linke spalte, welche das linke menü enthalt*/
#links
{
   width:170px;
   height:752px;
   margin: 10px 10px 0px 0px;
   padding:0px;
   float:left;
   background-color:#006699;
}

/*der mittelteil*/
#main
{   
   width:561px;
   height:752px;
   margin:10px 10px 0px 0px;
   padding: 0px 0px 0px 0px;
   float:left;
   overflow: auto;
   background-color:#006699;
}

/*die rechte leiste*/
#rechts
{   
   width:204px;
   height:752px;
   margin:10px 0px 0px 0px;
   padding:0px;
   float:left;
   background-color:#006699;

}

/*die rechte leiste*/
#unten
{   
   width:955px;
   height:608px;
   margin:10px 0px 0px 0px;
   padding:0px;
   float:left;
   background-color:#002255;

}

/*der kopf*/
#head
{   

   width:955px;
   height:74px;
   margin:0px;
   padding:0px;
      
}

#suche
{
   float:left;
   width:355px;
   height:26px;
   padding:0px;
   margin: 0px;
   background-color:#014691;
}


#nav1
{   
   float:left;
   width:600px;
   height:26px;
   padding:0px;
   margin: 0px 0px 0px 0px;
}


#nav1 ul
{
   margin:0px 0px 0px 0px;
   padding: 0px;
   list-style-type: none;
   
}


#nav1 li
{
   width:100px;
   height:26px;
   float: left;
   margin: 0px;
   padding: 0px;
   list-style-type: none;
   display:block;
   
}


screenshot firefox, so soll es aussehen




screenshot explorer, der kasten links bei der suche ist zu hoch



Zuletzt bearbeitet von am Di 14.10.2008 19:34, insgesamt 1-mal bearbeitet
 
jilalleinzuhaus

Dabei seit: 26.01.2007
Ort: Frankfurt am Main
Alter: -
Geschlecht: Weiblich
Verfasst Di 14.10.2008 11:03
Titel

Antworten mit Zitat Zum Seitenanfang

Versuch doch mal die Schriftgröße des Input-Feldes zu bestimmen.

Code:
input  { font-size: 12px; }


Musst halt ausprobieren wieviel Pixel die Schriftgröße haben muss.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Benutzer 4545
Account gelöscht Threadersteller


Ort: -

Verfasst Di 14.10.2008 18:36
Titel

Antworten mit Zitat Zum Seitenanfang

hallo, danke für die antwort, leider ändert isch da nix...
hat sonst noch jemand eine idee? :

es liegt auf jeden fall an dem inhalt, wenn ich diesen auskommentiere funktioniert es.
habe auch input schon mit margin und padding 0 getestet. aber das bringt leider auch nix...


Zuletzt bearbeitet von am Di 14.10.2008 18:38, insgesamt 1-mal bearbeitet
 
pRiMUS

Dabei seit: 09.09.2003
Ort: Vienna
Alter: 45
Geschlecht: Männlich
Verfasst Mi 15.10.2008 07:46
Titel

Antworten mit Zitat Zum Seitenanfang

ich sehe ein "solved" im topic, aber keine lösung? sehr schön für die suchenden.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Ryanthusar

Dabei seit: 11.10.2004
Ort: Augsburg
Alter: 41
Geschlecht: Männlich
Verfasst Do 16.10.2008 09:54
Titel

Antworten mit Zitat Zum Seitenanfang

Jop, wäre nett wenn Flowi die Lösung hier posten könnte.
  View user's profile Private Nachricht senden
Benutzer 4545
Account gelöscht Threadersteller


Ort: -

Verfasst Mo 27.10.2008 19:19
Titel

Antworten mit Zitat Zum Seitenanfang

sorry *Schnief*

habe einfach dieses ins css eingefügt und dann ging es Jo!

Code:
form
{
   padding:0px;
   margin: 0px;
}

lg
 
 
Ähnliche Themen [SOLVED] Userfriendly URLs -> Form Problem
[SOLVED] <div>-Tag Problem mit relativer Weite bzw. Höhe
[solved]CSS Problem im IE bei form input und label
PHP Form [Solved]
[solved] Wie skinne ich ein <form> <select> drop down?
Problem mit der Höhe
Neues Thema eröffnen   Dieses Thema ist gesperrt, du kannst keine Beiträge editieren oder beantworten.
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.