2011-01-09 8 views
4

Ich habe das Internet für eine lange Zeit durchforstet, die versucht, mein Problem zu lösen. Ich habe eine Tabelle mit meiner ganzen Website darin und möchte, dass sie sich an die Größe des Webbrowsers des Benutzers anpasst. Hier ist der Code der alle Website:Die Breite eines Tisches strecken, um Webbrowser zu passen

<body> 

<table width="100%" border="0"> 
    <tr> 
    <td width="525" rowspan="2"><img src="My Images/Speaker.png" width="525" height="772"    
ondragstart="return false" /> 
    </td> 

    <td width="697" height="16"> 
    *Flash Video Here* 
    </td> 
    </tr> 
    <tr> 
    <td><img src="My Images/Vymil.jpg" width="822" height="597" ondragstart="return false"/></td> 
    </tr> 
</table> 

</body> 
</html> 

Jede hilfreiche Lösungen wäre sehr dankbar.

Antwort

3

Geben Sie die Breite in Prozent in <table> und <TD>. Dies wird entsprechend der Größe des Browserfensters festgelegt. Geben Sie 100% in <table> und entsprechenden Prozentsätze für jeden <TD>

+0

Danke für all die schnellen Antworten Ich habe die oben genannten 2 versucht, und immer noch kein Glück. Harry Joy Ich weiß, dass dies eine mögliche Lösung ist, die ich einfach nicht mehr in Prozente einarbeiten wollte. Ich wollte wissen, ob es eine einfachere Lösung gibt, um die Größe der Tags automatisch zu ändern, weil die übergeordneten Tabellen die Größe ändern – Techn0guy

+0

@ Tech0guy: Nein ist es nicht abhängig vom Elternteil, wenn Sie die Größe ohne Prozentsatz angeben. Es wird für alle Browsergrößen gleich sein. –

1
<style type="text/css"> 
* 
{ 
    margin: 0px; 
    padding: 0px; 
} 
html, body 
{ 
    height: 100%; 
} 
</style> 
<table style="width:100%;height:100%;"> 
<!-- content --> 
</table> 

werden Ihrem Browser Größe Dies wird Ihre Tabelle gewährleisten strecken.

http://jsfiddle.net/L9wMU/

+0

Ich habe eine Testseite hinzugefügt, um zu zeigen, wie Ihr Code aussehen sollte. –

+0

@ user1385191 vielen Dank für die Freigabe eines Code-Code-Merkmals, auf das sich jeder beziehen und auch verstehen kann! – 3kstc

1

Ich bin überrascht, dass es bereits drei Antworten auf diese Frage sind!
Nun, zuerst der Typ markiert die Frage dreamweaver, mit My Images in der src und mit Tabellen! Dies bedeutet, dass die wirkliche Hilfe, die er braucht, das Erlernen der Grundlagen von HTML und CSS ist!

Was ich vorschlagen, ist versuchen, nach Ressourcen zu suchen, um die Grundlagen zu lernen, und wenn Sie nicht finden könnten, dann fragen Sie hier! Wie hört sich das an? :-)

Und für euch (die antworteten) würde sogar das Ändern der TD-Breiten zu Prozent sein Problem nicht beheben, da die img s sich auf ihre vollen Breiten ausdehnen werden! also wäre es ~ 2044px! Das ist breiter als die meisten Bildschirmauflösungen !!

+0

Ja, Sie haben Recht, aber wie ich weiß, können wir auch Bildbreite und -höhe einstellen. –

+0

@Harry Joy - natürlich aber ist das hier das *** REAL *** Problem hier? Der Typ braucht Hilfe, um die Dinge in Ordnung zu bringen, nicht nur, um ihm die beste Lösung zu geben, die er verwenden kann! – ifaour

+0

Ich weiß, es ist nicht sein wirkliches Problem, Bild zu setzen, aber zu Ihrem Verständnis habe ich nicht seine Frage im Kommentar beantwortet, ich antwortete nur Sie bezüglich der Breite des Bildes. –

Verwandte Themen