[css] IMG z float obok TABLE, na IE w nowym wierszu

0

Mam taki kodzik [uproszczony]


1.png</p>
....
```

Na FF wygląda to ok, czyli po lewej obrazek i tabelka po jego prawicy, natomiast IE wstawia entera po obrazku i tabelka zaczyna się od początku strony pod obrazkiem. Jak to poprawić? Co by było jak na FF?

0

Zmienić styl firm_t żeby nie było 'clear: left;' [???] [green]

0

Żeden z obiektów nie ma clear. Gdyby miał, to Firefox też by przeniósł to do nowej linii, nie uważasz?

.firm_t {
width: 100%;
}

jeśli już...

0

No wróżka ma wolne w weekendy, więc luz. Zgadywałem ;-P
Czasem najprostsze rozwiązanie jest skuteczne...

IE: przenosi [IMHO najbardziej logiczne skoro width=100%]
FF: nie przenosi
Opera 8: kaszana, tekst na obrazku
Opera 9: tak jak IE przenosi

Wniosek: wywalić width=100% :-P

0

Jeśli nie ma width: 100% to IE nadal przenosi, choć takich tabelek zmieściłoby się tam jeszcze ze 3.
Poza tym - ma być to rozciągnięte na całego diva, więc width: 100% być musi.

0

U mnie bez width wszystkie działają OK, to chyba problem całości kodu HTML, a nie tego jednego miejsca (ale może problem z tabelką?) [tak, znowu zgaduję - za mało danych...].
Anyway: powodzenia!

0

Ups.. język szybszy niż myśl :/
Zwracam honor.. rzeczywiście, brak width: 100% na IE powoduje, że tabela nie jest przenoszona... my foult..

W każdym razie pytanie jest dalej aktualne - jak zrobić obrazek a obok tabelkę rozciągniętą do końca bez nowej linii między nimi?

Oczywiście podany HTML można całkowicie zmienić - tak samo jak CSS - to nie jest odgórnie narzucone.

0

Spox...

Zaznacze, że nie jestem mastahem HTML, ale mój sposób to:
stworzyć tabelkę z dwoma kolumnami
umieścić w prawej kolumnie (bez podawania szerkości) obrazek
umieścić w lewej kolumnie kolejną tabelkę i dać szerokość tej kolumny na 100%
działa na wszystkich przeglądarkach (chyba?) tak jak chcesz.

edito:
marooned:
też chciałem tak robić - tylko na CSS... i dałem sobie spokój :d Pewnie jakoś się da [green]

0

Tak, jest to sposób, jednak staram się pisać daną stronę dość mocno wg zaleceń W3C, całość jest XHTML 1.0 Transitional Valid i chciałbym uniknąć tabelek do rozmieszczenia elementów :)

Jeśli nie znajdzie się inne rozwiązanie to tak oczywiście zrobię - póki co wątek czeka na pomysł bez tabelki odgórnej :)

Anyway: thx for help :)

0

Może takie coś pomoże:

#wrapper
{
	padding-left: 100px;
	background: url(1.png) no-repeat top left;
}
	<div id="wrapper">
		<table>
		...
		</table>
	</div>
0

Problem w tym, że owy obrazek ładowany jest z bazy, może on być, może go nie być, nie znam jego szerokości.. jest to dokładnie okładka danego wydawnictwa w katalogu wydawnictw. A zaprzęganie do tego celu GD aby odczytać szerokość jest kiepskim pomysłem..

Nie wierzę, że nie da się ustawić obok 2 bloków :/

0
<img src="1.jpg" align="left" width="272" height="400" /> 
 <table width="800" border="1" cellpadding="0" cellspacing="0" class="firm_t">

[???]

0

Ale podajesz stałą czerokość i wysokość dla obrazka oraz szerokość dla tabeli - a ja nie znam tych wartości! Stąd 100% dla tabelki, myślałem, że wypełni pozostały obszar.. i robi to na FF ale nie na IE.

0

Pytanie głupie, ale coś mi się kojarzy, ze IE ma z tym problem - próbowałeś nie dawać entera po znaczniku ? Tylko żeby i

0

Z nadzieją odpaliłem EditPlusa... niestety, to nic nie zmienia :(

Może jakieś umieszczenie IMG oraz TABLE w osobnych DIVach? Przecież jak się robi layout tylko i wyłącznie na DIVach to da się umieścić je jedno obok drugiego i wypełniają całą dostępną przestrzeń :|

0

Czyli po raz kolejny okazało się, że nie ma to jak stary dobry layout tabelkowy. Pod tabelką dałem DIVa z clear:both i problem rozwiązany.
Tabelki górą.

Temat zakończony, dzięki za udział.

1 użytkowników online, w tym zalogowanych: 0, gości: 1